在elementui表单中实现对vue-quill-editor富文本编辑器内容的绑定

1、v-model(表单标签双向绑定指令)

v-model相当于:value=""和@input=""的结合

代码1:
{{'input的值:'+val}}

实现效果相当于代码2:
{{'input的值:'+val}}

其中:
$event 指代当前触发的事件对象。

$event.target 指代当前触发的事件对象的dom

$event.target.value 就是当前dom的value值

2、在elementui的表单组件中用v-model绑定editor组件

表单组件:其中v-model如上可以拆分成:和@的组合

   
      
   
quill-editor组件:


其中遇到的问题:

1、通过props单向传值给子组件,在子组件修改props的值会报错,采用迂回的方法用一个局部变量复制传递下来的值
2、通过监听value属性使content与value值双向绑定

你可能感兴趣的:(在elementui表单中实现对vue-quill-editor富文本编辑器内容的绑定)