首页 > 代码库 > vue渲染过程的{{xxx}}显示
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;
vue渲染过程的{{xxx}}显示
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。