zoukankan      html  css  js  c++  java
  • vue渲染过程的{{xxx}}显示

    这是由于浏览器的渲染机制导致的,浏览器是从头到尾  如果你的js引用在底部,那么浏览器会先加载dom此时,你用于渲染的{{}}识别符,因为还没读到该识别符对应的js文件,所以会被解析为字符串而显示在页面中,我们可以用过自定义属性v-cloak解决,

    实例对象对应标签中加入 v-cloak:

      <div id="wrap" v-cloak>

    然后在css中给定义属性选择器 

      [v-cloak]{

      display:none

    }

    vue实例创建完成后会把v-cloak去掉,在没创建实例对象时,该标签内的内容都会被隐藏

    或者我们可以通过v-text 或者 v-html标签

    v-text:<div v-text=”实例字段”></div>

    v-html:<div v-html="实例字段"></div> 可以识别html代码块 原理是innerHTML;

  • 相关阅读:
    Java_static
    Java_字符串操作
    Java_==
    Java_字符串
    Java_Random
    Java_Scanner
    杨辉三角
    颜色分类
    字符串倒序
    jQuery的基本事件
  • 原文地址:https://www.cnblogs.com/chaky/p/7255857.html
Copyright © 2011-2022 走看看