思路是初始化页面时取消富文本获取焦点的行为,然后在点击富文本编辑器时更改获取焦点,
直接上代码
<quill-editor
v-model="infoData.focus"
ref="editorRef"
:options="editorOption"
@click.native="handleEditClick"
>
</quill-editor>
data(){
return{
isFocus: true
}
},
mounted(){
this.$refs.editorRef.quill.enable(false)
},
methods:{
handleEditClick() {
if (this.isFocus) {
this.$refs.editorRef.quill.enable(true)
this.$refs.editorRef.quill.focus()
this.isFocus= false
}
},
}