美文网首页
v-html中的数据加载完成,进行渲染dom

v-html中的数据加载完成,进行渲染dom

作者: 若水亦城空 | 来源:发表于2019-11-04 17:27 被阅读0次

v-html

<div
        class="content iframe"
        :class="[
          'item-' + listValue + '-' + dataYear,
          'item-' + listValue,
          typeYearbooks
        ]"
        v-html="replaceCss(docUrl)"
        ref="fromDomNoke"
        @click="
          addComment(
            $event,
            changevalue,
            changeYear,
            typeYearbooks,
            changetitle
          )
        "
      ></div>

data 内容

watch: {
    dataYear: {
// 不起作用
      handler(newValue) {
        this.changeYear = newValue;
        setTimeout(() => {
        this.initStyle(this.typeYearbooks, this.listValue);
        // console.log(this.$refs.fromDomNoke);
        }, 100);
      },
      deep: true,
      immediate: true
    },
    docUrl() {
      this.$nextTick(function () {
        //dom已更新(点击后切换)
        this.initStyle(this.typeYearbooks, this.listValue);
      })
    },
  },

相关文章

网友评论

      本文标题:v-html中的数据加载完成,进行渲染dom

      本文链接:https://www.haomeiwen.com/subject/gtidbctx.html