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为监听到发生改变数据
    }
},
Logo

前往低代码交流专区

更多推荐