vue-quill-editor怎么清空内容
时间: 2024-06-13 10:01:24 浏览: 408
清空vue-quill-editor的内容可以通过两种方式实现:
1. 通过v-model绑定数据,在需要清空时将v-model绑定的数据设置为空即可。例如:
```
<template>
<div>
<quill-editor v-model="content"></quill-editor>
<button @click="clearContent">清空内容</button>
</div>
</template>
<script>
export default {
data() {
return {
content: ''
}
},
methods: {
clearContent() {
this.content = '';
}
}
}
</script>
```
2. 通过ref引用获取到quill实例,在需要清空时调用quill实例的setText方法将内容设置为空。例如:
```
<template>
<div>
<quill-editor ref="myEditor"></quill-editor>
<button @click="clearContent">清空内容</button>
</div>
</template>
<script>
export default {
methods: {
clearContent() {
this.$refs.myEditor.quill.setText('');
}
}
}
</script>
```
阅读全文