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

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

相关文章
|
2月前
|
移动开发 小程序
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
50 0
|
4月前
|
人工智能 小程序 搜索推荐
uni app下开发AI运动小程序解决方案
本文介绍了在小程序中实现AI运动识别的解决方案。该方案依托于UNI平台,通过高效便捷的插件形式,实现包括相机抽帧控制、人体识别、姿态识别等在内的多项功能,无需依赖后台服务器,大幅提高识别效率和用户体验。方案内置多种运动模式,支持自定义扩展,适用于AI健身、云上赛事、AI体测等多场景,适合新开发和存量改造项目。
|
4月前
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
97 0
在线课堂+工具组件小程序uniapp移动端源码
|
5月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
664 3
|
5月前
|
小程序 数据可视化 API
低代码可视化-uniapp商城首页小程序-代码生成器
低代码可视化-uniapp商城首页小程序-代码生成器
53 0
|
5月前
|
存储 移动开发 小程序
uniapp富文本editor输入二次扩展兼容微信小程序
uniapp富文本editor输入二次扩展兼容微信小程序
194 0
|
5月前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
113 0
微信小程序更新提醒uniapp
|
5月前
|
小程序
uniapp实现微信小程序隐私协议组件封装
uniapp实现微信小程序隐私协议组件封装
98 0
|
5月前
|
移动开发 小程序 数据可视化
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
101 2
|
8月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的公园管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的公园管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
116 0

热门文章

最新文章