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

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

相关文章
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
4871 7
|
缓存 iOS开发 MacOS
uniapp发布快应用失败报错Error: ENOENT: no such file or directory以及hap-chimera-toolkit问题优雅草卓伊凡
uniapp发布快应用失败报错Error: ENOENT: no such file or directory以及hap-chimera-toolkit问题优雅草卓伊凡
1218 2
uniapp发布快应用失败报错Error: ENOENT: no such file or directory以及hap-chimera-toolkit问题优雅草卓伊凡
|
iOS开发 开发者
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
1131 67
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
595 1
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
545 0
在线课堂+工具组件小程序uniapp移动端源码
|
移动开发 小程序
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
1031 0
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
5520 3
微信接口报错 "errcode":40163,"errmsg":"code been used, 如何处理?
【10月更文挑战第11天】微信接口报错 "errcode":40163,"errmsg":"code been used, 如何处理?
8558 1
|
移动开发 小程序 数据可视化
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
526 2
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
1064 0
微信小程序更新提醒uniapp