VUE中实现父组件向子组件动态传值
1、父组件传值:<div class="editor"><qul-editor :intrd="content"></qul-editor></div>( :intrd=“content”)为需要传递的值,其中content是data中的数据。2、子组件接收并监听数据是否发生改变:<div>{{content}}</div>/
·
1、父组件传值:
<div class="editor">
<qul-editor :intrd="content"></qul-editor>
</div>
( :intrd=“content”)为需要传递的值,其中content是data中的数据。
2、子组件接收并监听数据是否发生改变:
<div>{{content}}</div>
//接受父组件传递的数据
props:{
intrd: String
},
data(){
return{
content: '',
}
},
//监听数据是否改变
watch: {
//intrd是需要监听的数据
intrd(newval,oldval){
console.log(newval)
this.content = newval //newval为监听到发生改变数据
}
},
更多推荐
已为社区贡献2条内容
所有评论(0)