阵浊秀
阵浊秀
  • 发布:2024-10-16 13:48
  • 更新:2024-10-16 14:06
  • 阅读:106

【报Bug】vue3 父组件声明的ref对象,通过props传入子组件,watch无法正常监听

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win11

HBuilderX类型: 正式

HBuilderX版本号: 4.29

浏览器平台: Chrome

浏览器版本: 任意版本

项目创建方式: HBuilderX

操作步骤:

你们自己创建一个子父组件就知道了

预期结果:

怎么样才可以正常watch

实际结果:

ref对象,在js中改变.value ,子组件的watch 没有被触发

bug描述:

父组件
<input type="text" v-model="msg" name="" id="">
<view @click="msg=55555"></view>
<child :msg="msg" >
<script setup>
let msg = ref('')

msg.value = '改变' //这样的写法无法触发子组件的watch,我在vue-cli中试了,同样的写法,是可以触发子组件的watch的

//在input中输入,或者点击事件触发改变,例如上面click事件 msg=55555这种是可以触发子组件watch的,,
</script>

子组件
<script setup>
const props = defineProps({
msg:String
})

watch(()=>props.msg,(nval)=>{
console.log(nval)
})
</script>

2024-10-16 13:48 负责人:无 分享
已邀请:
阵浊秀

阵浊秀 (作者) - 什么介绍

打扰了,我自己写错了,sry

要回复问题请先登录注册