vue 中summernote 动态显示

最新推荐文章于 2023-05-29 23:34:18 发布

孤舟听雨

最新推荐文章于 2023-05-29 23:34:18 发布

阅读量1.4k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/u013043762/article/details/79801884

版权

vue 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

使用nextTick 来在文档加载完成后渲染summernote




  getMessageDetail() {
      this.$http
        .get(this.API.MESSAGE_DETAIL + this.$route.params.messageId)
        .then(response => {
          this.addParams = response.data;
          if (this.addParams.action === "1") {
            this.$nextTick(() => {
              $(this.$refs.contentNote).summernote({
                minHeight: 200,
                lang: "zh-CN"
              });
              $(this.$refs.contentNote).summernote(
                "code",
                this.addParams.content
              );
            });
          }
        });
    },
    actionChange() {
      console.log("aaaaaaaaaaaaaaaaaaaaaaaa" + this.addParams.action);
      if (this.addParams.action === "1") {
        this.$nextTick(() => {
          $(this.$refs.contentNote).summernote({
            minHeight: 200,
            lang: "zh-CN"
          });
          $(this.$refs.contentNote).summernote("code", this.addParams.content);
        });
      } else {
        $(this.$refs.contentNote).summernote("destroy");
      }
    }

或者删除
summernote 自动调用destory

 actionChange() {
      console.log("aaaaaaaaaaaaaaaaaaaaaaaa" + this.addParams.action);
      if (this.addParams.action === "1") {
        this.$nextTick(() => {
          $(this.$refs.contentNote).summernote({
            minHeight: 200,
            lang: "zh-CN"
          });
          $(this.$refs.contentNote).summernote("code", this.addParams.content);
        });
      } else {
        $(this.$refs.contentNote).summernote("destroy");
      }
    }