vue style样式失效

在开发vue项目时，style样式突然失效原因：使用v-if指令，里面的条件是list.length,因为使用是scoped样式属性，标签中都会添加一个data-v-6a72702f的属性，当页面创建时list.leng最初是0，所以标签没有被添加data-v-6a72702f属性，在当前页面标签的样式就会失效解决：可以使用v-show指令解决如果有更好的方法请留言相告，谢谢~~...

一只快乐的小菜鸟

8608人浏览 · 2020-04-26 16:41:58

一只快乐的小菜鸟 · 2020-04-26 16:41:58 发布

在开发vue项目时，style样式突然失效
原因：使用v-if指令，里面的条件是list.length,因为使用是scoped样式属性，标签中都会添加一个data-v-6a72702f的属性，当页面创建时list.leng最初是0，所以标签没有被添加data-v-6a72702f属性，在当前页面标签的样式就会失效
在这里插入图片描述
解决：可以使用v-show指令解决

如果有更好的方法请留言相告，谢谢~~

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