vue-quill-editor写好内容之后发给后端存储,然后前端再一次拉取后端的数据,怎么让编辑器显示拉取回来的数据

orange
  • 3
新手上路,请多包涵

在页面中使用如下方法用标签加载出了富文本编辑器

        <quill-editor
          ref="text"
          v-model="content"
          class="myQuillEditor"
          :options="editorOption"
        />

<script>
import { quillEditor } from "vue-quill-editor";
import "quill/dist/quill.core.css";
import "quill/dist/quill.snow.css";
import "quill/dist/quill.bubble.css";
export default {
  components: {
    quillEditor,
  },
data() {
    return {
        content: "",
        editorOption:{
            placeholder: "请在这里输入"
            }
        }
    }
</script>

写好内容之后可以通过this.$refs.text.value拿到所写的富文本发送到后台保存,但是数据拉取回来之后直接赋值给this.$refs.text.value会报错,报错内容如下

mutating a prop directly since the value will be overwritten whenever 
the parent component re-renders. Instead, use a data or computed property
based on the prop's value. Prop being mutated: "value"
回复
阅读 134
1 个回答

v-model = content. 你不应该操作 content 吗 ,怎么有操 dom 去了,双向绑定了解一下

你知道吗?

宣传栏