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月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
1070 7
|
7月前
|
网络协议
企业微信——给国外的邮箱发邮件报错Authentication results: DKIM = did not pass
企业微信——给国外的邮箱发邮件报错Authentication results: DKIM = did not pass
423 2
|
5月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
657 3
|
5月前
微信接口报错 "errcode":40163,"errmsg":"code been used, 如何处理?
【10月更文挑战第11天】微信接口报错 "errcode":40163,"errmsg":"code been used, 如何处理?
2500 1
|
5月前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
111 0
微信小程序更新提醒uniapp
|
5月前
|
移动开发 小程序 数据可视化
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
99 2
|
5月前
|
存储 移动开发 小程序
uniapp富文本editor输入二次扩展兼容微信小程序
uniapp富文本editor输入二次扩展兼容微信小程序
185 0
|
5月前
|
小程序
uniapp实现微信小程序隐私协议组件封装
uniapp实现微信小程序隐私协议组件封装
96 0
|
7月前
|
移动开发 小程序 前端开发
|
7月前
|
小程序 前端开发

热门文章

最新文章