关于网友提出的“(vue.js)vuejs绑定的页面加载慢时显示出了绑定脚本怎么解决”问题疑问,本网通过在网上对“(vue.js)vuejs绑定的页面加载慢时显示出了绑定脚本怎么解决”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:
问题:(vue.js)vuejs绑定的页面加载慢时显示出了绑定脚本怎么解决
描述:由于请求api有时候慢的时候,数据没有及时替换上去,,然后页面上会显示各种{{ **** }}
的绑定脚本代码,很难看.
这个有没有办法能够解决.最好能够加个动态的loading效果之类的..增加过渡
第一次用vue.js不是很熟练
解决方案1:v-cloak
不需要表达式
用法:
这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。
示例:
[v-cloak] {
display: none;
}
{{ message }}
不会显示,直到编译结束。
解决方案2:参考:v-cloak
不过还是建议写到 v-text 里面。
以上介绍了“(vue.js)vuejs绑定的页面加载慢时显示出了绑定脚本怎么解决”的问题解答,希望对有需要的网友有所帮助。
本文网址链接:http://www.codes51.com/itwd/1163454.html