vue的props赋值给data的解决问题
vue中父组件传值给子组件之后,props里面的值不能赋给data的解决问题
·
vue 中父组件向子组件传递数据用 props, 但是子组件是无法修改它的。如果子组件需要动态修改它就只能自造一个对应的 data 域。比如
components:{Tinymce},
props:['id','formDatas'],
data() {
return {
form: {
title: '',
title_type: '',
push_date: '',
source: '',
title_introduce: '',
title_content:'',
}
}
},
created(){
this.form = this.formDatas
},
这样是无法把props的值传递给data里面,因为data()只会运行一次,所以要用watch来进行监听props里面内容的变化,然后对data里面进行赋值
watch:{
formDatas(news,olds){
this.form = news
}
}
因此当父组件传递值给子组件的时候,watch就会监听到formDatas的变化,将新的值赋给你想要传值的data,然后进行改变。
更多推荐
已为社区贡献2条内容
所有评论(0)