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

  • Z时代
  • 2024-02-20
  • 分类：IT

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

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

        <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"

回答：

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

以上是 vue-quill-editor写好内容之后发给后端存储，然后前端再一次拉取后端的数据，怎么让编辑器显示拉取回来的数据 的全部内容， 来源链接： utcz.com/p/936277.html

回到顶部