uniapp转微信小程序编译报错 Bad attr `data-event-opts` with message

简介: uniapp转微信小程序编译报错 Bad attr `data-event-opts` with message
Bad attr `data-event-opts` with message
> 1 | <view class="activityContent data-v-74e8dc3a">
> <view class="poster_img_outside data-v-74e8dc3a"  data-event-opts="{{index==setdata?animdata:{}}}">
> <image src="{{imgSrc}}" mode class="data-v-74e8dc3a">
> </image></view><view class="detailInfoTop   data-v-74e8dc3a">
> <view class="detail_title data-v-74e8dc3a"><view class="detail_title_h1 data-v-74e8dc3a" id="dt_title"><label class="detail_title_h1_bar _span data-v-74e8dc3a">{{''+title+''}}</label></view></view><view class="mb_share_wrap_Y have_safeguard data-v-74e8dc3a">
> <view class="fx data-v-74e8dc3a"><view class="_i data-v-74e8dc3a">
> </view><label class="_span data-v-74e8dc3a">8111</label>
> </view><view class="yd data-v-74e8dc3a">
> <view class="_i data-v-74e8dc3a"></view>
> <label class="_span data-v-74e8dc3a">31</label>
> </view><view class="sc data-v-74e8dc3a">
> <view class="_i data-v-74e8dc3a"></view>
> <label class="_span data-v-74e8dc3a">15</label></view>
> <view class="refund _u data-v-74e8dc3a" onclick="_tc._show('safeguard')"><view class="_i data-v-74e8dc3a">

解决方案:

报错:data-event-opts="{{index==setdata?animdata:{}}}"

data-event-opts="{{index==setdata?animdata:’ '}}" {}

换成单引号过后完美解决

报错原因分析

空对象默认为object,所以报错,空对象也可以认为是null,语法错误

重点: 小程序不支持一些js复杂函数或运算 如:三目运算符之类的(一个前端指点的)

报错原因分析全为个人理解,如有不妥之处,请指点一二,使我纠正错误!!!

相关文章
|
6天前
|
小程序
uniapp-微信小程序-上拉和下拉触底刷新
uniapp-微信小程序-上拉和下拉触底刷新
14 0
|
6天前
|
Web App开发 数据采集 移动开发
开发uniapp过程中对app、微信小程序与h5的webview调试
开发uniapp过程中对app、微信小程序与h5的webview调试
16 1
|
6天前
|
JavaScript 小程序 前端开发
小程序;vue;uniapp优缺点(各5条)
小程序;vue;uniapp优缺点(各5条)
17 1
|
6天前
|
移动开发 开发框架 小程序
UniApp与微信小程序介绍及区别
UniApp与微信小程序介绍及区别
31 0
|
6天前
|
缓存 小程序
uniapp读取(获取)缓存中的对象值(微信小程序)
uniapp读取(获取)缓存中的对象值(微信小程序)
16 1
|
6天前
|
运维 Kubernetes JavaScript
云效产品使用报错问题之流水线发布uniapp的应用失败如何解决
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
|
6天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的4S店客户管理系统的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的4S店客户管理系统的详细设计和实现
51 4
|
6天前
|
存储 编解码 小程序
抖音小程序开发中遇见的坑点
在抖音小程序开发中,需注意10大坑点:遵守小程序限制与规范;解决兼容性问题;优化数据加载速度;适应分享功能限制;处理视频播放挑战;优化图片加载显示;管理资源文件;提升用户体验;考虑安全性;及时更新维护。通过测试、优化和遵循官方文档,可克服这些问题,打造优质小程序。
|
6天前
|
小程序 前端开发 API
小程序全栈开发中的多端适配与响应式布局
【4月更文挑战第12天】本文探讨了小程序全栈开发中的多端适配与响应式布局。多端适配涉及平台和设备适应,确保统一用户体验;响应式布局利用媒体查询和弹性布局维持不同设备的布局一致性。实践中,开发者可借助跨平台框架实现多平台开发,运用响应式布局技术适应不同设备。同时,注意兼容性、性能优化和用户体验,以提升小程序质量和用户体验。通过这些方法,开发者能更好地掌握小程序全栈开发。
|
6天前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的异常处理和日志记录,强调其对确保应用稳定性和用户体验的重要性。异常处理涵盖前端(网络、页面跳转、用户输入、逻辑异常)和后端(数据库、API、业务逻辑)方面;日志记录则关注关键操作和异常情况的追踪。实践中,前端可利用try-catch处理异常,后端借助日志框架记录异常,同时采用集中式日志管理工具提升分析效率。开发者应注意安全性、性能和团队协作,以优化异常处理与日志记录流程。

热门文章

最新文章