vue.js 未加载页面时会闪{{ }} (花括号)
是的,vue 当然会考虑到这个问题,解决方案就是使用v-cloak
指令,配合 css 使用,可以将没有编译完成的元素隐藏,待元素编译链接完成再显示出来,详情可以参见 https://cn.vuejs.org/api/#v-cloak
优先使用v-text
如果必须用花括号拼接的话在上层加上v-cloak标签,并在css中配合样式:
[v-cloak] {
display: none;
}
参考:v-cloak
6 回答3k 阅读✓ 已解决
6 回答2.4k 阅读
5 回答6.4k 阅读✓ 已解决
2 回答2k 阅读✓ 已解决
2 回答1.5k 阅读✓ 已解决
2 回答990 阅读✓ 已解决
2 回答1.7k 阅读✓ 已解决
可以使用 template 标签,在没有编译之前,是不会显示的;
这是我写demo,可以参考 demo,或者参考官方的 demo vue-cli