vue.js加载页面出现闪烁问题的解决

在使用vue时会出现加载渲染页面时闪烁，一般有以下两个情况：1.使用了{{}},解决方案使用v-bind2.使用v-if，出现原先要隐藏的元素先出现然后在隐藏从而造成了闪烁的问题。以上两个问题都可以使用以下的方案来解决。在css中定义[v-cloak] { display:none;}在v-if中加上v-cloak即可解决.

timelessmemoryli

20473人浏览 · 2017-03-23 15:32:53

timelessmemoryli · 2017-03-23 15:32:53 发布

在使用vue时会出现加载渲染页面时闪烁，一般有以下两个情况：

1.使用了{{}},解决方案使用v-bind

2.使用v-if，出现原先要隐藏的元素先出现然后在隐藏从而造成了闪烁的问题。

以上两个问题都可以使用以下的方案来解决。

在css中定义

[v-cloak] {
display:none;

}

在v-if中加上v-cloak即可解决.

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^