IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> uni-app编写微信小程序将v-for循环出来的参数传入@change等事件时,报错Property or method “*“ is not defined on the instance -> 正文阅读

[移动开发]uni-app编写微信小程序将v-for循环出来的参数传入@change等事件时,报错Property or method “*“ is not defined on the instance

需求:通过v-for循环列表,在列表中包含switch组件,想将switch组件的@change事件绑定为item.onChange 在APP和H5中一直报错
Property or method “child” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property
大致意思是child没有定义但是在渲染的时候使用到了。确认在data中定义了或者在类组件中初始化了。但是child是遍历出来的数据呀。
在这里插入图片描述

大致的代码如下:
在这里插入图片描述
实际上:value="child.status"并不会报错找不到child,只有在change事件中才会报错。

解决

1.首先不要直接把child.onChange传递给@change,而是通过
@change="change(child.onChange)"这种方式把child.onChange放在方法里面
在这里插入图片描述
然后在change方法中打印一下item,看是否是undefined,如果是自己传入的方法,直接执行即可。

change(item) {
	console.log(item)
	if(item){
		item()
	}
}

2.如果第一步打印的item为undefined,则检查是否在v-for的组件中定义了key值,将key值设置为index即可。
在这里插入图片描述

感叹一句:想要一套代码各端兼容真的太难了

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-02-26 11:42:07  更:2022-02-26 11:42:56 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 15:59:58-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码