你们自己创建一个子父组件就知道了
- 发布:2024-10-16 13:48
- 更新:2024-10-16 14:06
- 阅读:106
【报Bug】vue3 父组件声明的ref对象,通过props传入子组件,watch无法正常监听
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win11
HBuilderX类型: 正式
HBuilderX版本号: 4.29
浏览器平台: Chrome
浏览器版本: 任意版本
项目创建方式: HBuilderX
操作步骤:
预期结果:
怎么样才可以正常watch
怎么样才可以正常watch
实际结果:
ref对象,在js中改变.value ,子组件的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>
1 个回复
阵浊秀 (作者) - 什么介绍
打扰了,我自己写错了,sry