vue监听子组件props,有的监听不到

clipboard.png

如图是个子组件A,由上级组件B传递prop一个对象:
dataset:{
type:1,//类型
content:'',//内容
self:true,//自理
distanc:''//行驶距离
.....//其他属性
}
子组件A和B中都测试了监听watch,奇怪的是【内容】【行驶距离】等input修改可以触发监听,【类型】【自理】等select、checkbox修改无法触发监听,打印结果显示数据也改变了,就是没有触发watch。这是为什么。

clipboard.png
测试了data中自定义的相同格式的dataset没有问题。

阅读 10.6k
2 个回答

我刚写了一个demo重新验证了下,通过props传值是复选框和下拉框是可以被watch监听到的,我是用的element作为UI写的,你是写的原生的还是其他的,你说的打印是在父组件里面打印出来数据有变化吗?

奇怪的是【内容】【行驶距离】等input修改可以触发监听,【类型】【自理】等select、checkbox修改无法触发监听

根据你这点描述我猜应该是【类型】【自理】这几个字段是在Vue数据响应绑定后才加入的,这样的话数据在后续变化是是响应不了的,请检查。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题