博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
5月9日——vue渲染过程中{{xxx}}显示
阅读量:6434 次
发布时间:2019-06-23

本文共 374 字,大约阅读时间需要 1 分钟。

异常显示的原因:

    这是由于浏览器的渲染机制导致的,浏览器是从头到尾  如果你的js引用在底部,那么浏览器会先加载dom此时,你用于渲染的{

{}}识别符,因为还没读到该识别符对应的js文件,所以会被解析为字符串而显示在页面中

解决方案:

    可以用过自定义属性v-cloak解决,    

    第一步:在css中给定义属性选择器          [v-cloak]{  display:none }

    第二步:在对应标签中加入 v-cloak:         例如:<div id="wrap"  v-cloak></div>

    此方案的运行机制: vue实例创建完成后会把v-cloak去掉,在没创建实例对象时,该标签内的内容都会被隐藏

转载于:https://www.cnblogs.com/dreamstartplace/p/9042376.html

你可能感兴趣的文章
java-JDBC
查看>>
通信术语解释
查看>>
对.NET跨平台的随想
查看>>
ng-view 路由 简单应用
查看>>
Nginx Rewrite规则初探(转)
查看>>
Spring学习笔记1——IOC: 尽量使用注解以及java代码(转)
查看>>
黑魔法NSURLProtocol 可拦截网络加载
查看>>
Webtop中新建文档,无法选择Type和Format
查看>>
Integration Services创建ETL包
查看>>
IE浏览器开发中遇到的问题
查看>>
【C#学习笔记】载入图片并居中
查看>>
php实现按utf8编码对字符串进行分割
查看>>
Ftp的断点下载实现
查看>>
[转载] ubuntu Authentication failure
查看>>
Ring0 - 链表
查看>>
修改数组之----splice
查看>>
a版本冲刺第五天
查看>>
Arduino示例教程超声波测距实验
查看>>
Redis操作hash
查看>>
How to pass in/out return VB Byte array from a COM Component written in C#
查看>>