当我们使用组件的时候 可能会需要将子组件的值跟父组件绑定
父组件 通过v-model 给子组件传参
<myEditor
class="m-top-10"
:key="editorForm"
v-model="visitRecordInfo.visit_comment"
/>
子组件 通过props modelValue 拿到传参
props: {
modelValue: {
type: String,
default: () => {
return "";
},
},
}, // 接收传过来的数据
setup(props, context) {
// 赋值
const valueHtml = ref(props.modelValue);
// 监听子组件数据变动 修改父级 modelValue
watch(valueHtml,(newValue,oldValue)=>{
// newValue 新值, oldValue 旧值
context.emit('update:modelValue', newValue)
})
}