1、v-if和v-else-if组合在微信小程序下报错

<view v-if="goodsList.length == 0">购物车是空的哦~</view>
<view v-else-if="goodsList.length > 10">商品数量大于10了哟</view>

解决方案:

<view v-if="goodsList.length == 0">购物车是空的哦~</view>
<view v-if="goodsList.length > 10">商品数量大于10了哟</view>

2、使用模板字符串报错(微信小程序)

<view>{{orderDetail.orderDes.payAmount > 0 ? `¥${orderDetail.orderDes.payAmount}` : ''}}
</view>

解决方案:
老老实实字符串拼接吧

<view>{{orderDetail.orderDes.payAmount > 0 ? '¥'+orderDetail.orderDes.payAmount : ''}}
</view>

3、@tap直接使用“局部变量”报错(微信小程序)

<view v-for="(item, index) in [1,2,3,4,5]" :key="index"><view @tap="test = index">{{item}}</view>
</view>

报错信息:解决方案:
不要使用“局部变量”(非data、methods等声明的变量,比如这里的index),改用方法调用

<view v-for="(item, index) in [1,2,3,4,5]" :key="index"><view @tap="setTest(index)">{{item}}</view>
</view>
export default {//...data(){return {test: ''}},methods: {setTest: function(val){this.test = val}}//...
}

欢迎评论区留下您遇到的uni-app报错

持续更新中…

Bad attr `wx... Bad Value with message... uni-app报错合集相关推荐

  1. FTP服务器部署与优化+Received message too long报错

    ftp就是进行数据传输的,vsftpd是一种更安全的数据传输,优化FTP服务器,就是做好对实体用户(user).匿名用户(anonymous)以及特殊需求用户的管理.那么可以对这些用户限制什么或者说开 ...

  2. [bug] uni-app 支付宝小程序 上传文件uni.uploadFile 报错 errMsg: “uploadFile:fail 无效参数“

    首先看报错 就挺奇怪的  uni.chooseImage返回的参数都没问题, H5上也能正常运行 看下我的uni.uploadFile函数 uni.uploadFile({url: baseUrl + ...

  3. zabbix集成onealert验证报错:create media type failed! error message

    zabbix集成onealert验证报错:create media type failed! error message 一.报错详细信息 [root@host-10-10-6-20 bin]# ba ...

  4. uniapp开发微信小程序时,报错:Now you can provide attr `wx:key` for a `wx:for` to improve performance

    前言 os :win10 HBuilder X :2.7.14.20200618 微信开发者工具 win32 :1.03.2006090 问题 每当使用微信开发者工具预览小程序时,均会在控制台(Con ...

  5. 报错:Now you can provide attr `wx:key` for a `wx:for` to improve performance

    文章目录 问题 报错 解决办法 问题 在小程序开发时出现缺少wx:key的错误 报错 Now you can provide attr wx:key for a wx:for to improve p ...

  6. 关于Now you can provide attr wx:key for a wx:for to improve performance.

    在实际开发过程中遇到 warning: Now you can provide attr "wx:key" for a "wx:for" to improve ...

  7. 微信小程序 Now you can provide attr `wx:key` for a `wx:for` to improve performance.

    微信小程序用到"wx:for"时可能会在控制台报"Now you can provide attr "wx:key" for a "wx:f ...

  8. 小程序警告:Now you can provide attr `wx:key` for a `wx:for` to improve performance.

    文章目录 问题 解析 解决 示例 问题 当我们在使用wx:for遍历列表数据的时候,可能会遇到以下警告: Now you can provide attr `wx:key` for a `wx:for ...

  9. 微信小程序开发——消除Now you can provide attr `wx:key` for a `wx:for` to improve performance.

    在开发微信小程序的是遇到了WXML Runtime warning:Now you can provide attrwx:key for awx:forto improve performance. ...

最新文章

  1. linux系统怎样连手机,Linux下手机与蓝牙的连接配置
  2. 如何使用Lombok来优雅的编码
  3. python类型提示模块包_(任何)python模块的类型提示是什么?
  4. ASP.NET中使用Global.asax文件
  5. CentOS 6 安装Hadoop 2.6 (三)问题收集
  6. # 定义四边形_【四边形系列专题】 特殊平行四边形之矩形
  7. Numpy高级操作大全!!!
  8. power bulider 9.0 如何将sql语句查询的值返回给变量_SQL—你应该知道的子查询
  9. 大整数算法[10] Comba乘法(实现)
  10. 《浪潮之巅》读书笔记(上)
  11. opencv访问图像中每个像素的值
  12. App消息推送 实现原理
  13. 美团配送php,美团配送是怎样做实时调度平台的?
  14. 客户端与服务器端交互原理(HTTP数据请求与HTTP响应)
  15. 使用GBase企业管理器执行 select count(1) into @c from t1;报错解决方案
  16. TP-LINK TL-WDN7200H ubuntu18.04驱动安装
  17. 科普读书会丨《被讨厌的勇气》:愤怒不是目的,是一种工具
  18. ffmpeg缩放视频尺寸
  19. 奥利给:力扣160:相交链表
  20. 【毕业设计源码】基于微信小程序的查寝系统的设计与实现

热门文章

  1. Cocos Creator开发制作的小游戏《5人足球》
  2. 云顶之弈国际服服务器维护,【云顶之弈】国服和国际服有大量差异,国际服修复多个漏洞...
  3. 分治算法实践5-小明的散步路径 C++
  4. 贩卖焦虑成常态,为什么还有傻瓜甘之如始?你还在为35岁焦虑吗?
  5. 求三角锥体积用c语言,求三角锥体积公式的推导?
  6. NDK from ndk.dir at ndk-bundle had version [22.1.7171670] which disagrees with android.ndkVersion [2
  7. 工信部—高级软件开发工程师认证
  8. SimCC: a Simple Coordinate Classification Perspective for Human Pose Estimation 阅读笔记
  9. Eclipse导入项目左下角有感叹号/红叉
  10. 微信小程序项目《天使童装》