【vue】解决数据渲染延迟出现的闪烁问题

首先在标签上加上v-cloak<div id="app" v-cloak>{{ message }}</div>然后加上样式，为防止被覆盖，可以加上!important[v-cloak] {display: none !important;} ...

evan_qb

4647人浏览 · 2018-10-09 11:52:34

evan_qb · 2018-10-09 11:52:34 发布

首先在标签上加上v-cloak

<div id="app" v-cloak>
    {{ message }}
</div>

然后加上样式，为防止被覆盖，可以加上!important

[v-cloak] {
	display: none !important;
}

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}$/, //不连续的两位字母// /^