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复杂函数或运算 如:三目运算符之类的(一个前端指点的)

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

相关文章
|
5天前
|
运维 Kubernetes JavaScript
云效产品使用报错问题之流水线发布uniapp的应用失败如何解决
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
38 3
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的电子商城购物平台的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的电子商城购物平台的详细设计和实现
35 3
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的英语学习交流平台的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的英语学习交流平台的详细设计和实现
24 2
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的微信阅读网站小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的微信阅读网站小程序的详细设计和实现
34 2
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的移动学习平台的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的移动学习平台的详细设计和实现
31 1
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的教师管理系统的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的教师管理系统的详细设计和实现
35 2
|
7天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的学生公寓电费信息的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的学生公寓电费信息的详细设计和实现
30 1
|
14天前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的异常处理和日志记录,强调其对确保应用稳定性和用户体验的重要性。异常处理涵盖前端(网络、页面跳转、用户输入、逻辑异常)和后端(数据库、API、业务逻辑)方面;日志记录则关注关键操作和异常情况的追踪。实践中,前端可利用try-catch处理异常,后端借助日志框架记录异常,同时采用集中式日志管理工具提升分析效率。开发者应注意安全性、性能和团队协作,以优化异常处理与日志记录流程。
|
14天前
|
小程序 安全 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的身份认证与授权机制。身份认证包括手机号验证、微信登录和第三方登录,而授权机制涉及角色权限控制、ACL和OAuth 2.0。实践中,开发者可利用微信登录获取用户信息,集成第三方登录,以及实施角色和ACL进行权限控制。注意点包括安全性、用户体验和合规性,以保障小程序的安全运行和良好体验。通过这些方法,开发者能有效掌握小程序全栈开发技术。