vue子组件监听父组件传值的变化并随之改变
思路:在子组件中使用watch来监听数据的变化。1.父组件向子组件传值,将dataMsg传递给子组件<child:data-msg="dataMsg"></child>2.子组件props接收dataMsg,watch监听dataMsg的变化props: {dataMsg: {type: String, // 这里你接收的值是什么类型就写什么类型default: ''" /
·
思路:在子组件中使用watch来监听数据的变化。
1.父组件向子组件传值,将dataMsg传递给子组件
<child :data-msg="dataMsg"></child>
2.子组件props接收dataMsg,watch监听dataMsg的变化
props: {
dataMsg: {
type: String, // 这里你接收的值是什么类型就写什么类型
default: ''" // 接收值的默认值,如果为数组就写[],对象就写{}
}
},
watch: {
dataMsg(newVal, oldVal){
// newVal是新值,oldVal是旧值
this.dataMsg = newVal
}
]
更多推荐
所有评论(0)