vue3.2父子组件传ref数组监听问题解答
在父子组件传ref数组并监听时,如果在子组件的watch中不加上箭头函数包裹,则监听不会生效。这主要是因为:
官方api说明
根据官方api说明,watch函数的第一个参数可以是ref或getter函数:
立即学习“前端免费学习笔记(深入)”;
watch(watchersource, callback, [watchoptions]) type watchersource<t> = ref<t> | (() => t)
正确用法
因此,在子组件的watch中,应将tabledata数据源写成getter函数的形式,并需要加上deep: true选项:
watch( tableData, (newVal) => {...}, { deep: true } );
补充说明
当我们使用watch侦听引用对象时,需要特别注意:
ref定义的引用对象:
reactive定义的引用对象:
以上就是Vue3.2 父子组件传ref数组监听失效的原因和解决方法是什么?的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号