vue中子页面（routeView）嵌套使用中，css类名相同导致错用

+子页面（routeView）嵌套使用中，css类名相同错用<button type="button" class="btn btn-default ng-binding"style="widt

lxlmycsdnfree

2779人浏览 · 2017-09-21 14:20:50

lxlmycsdnfree · 2017-09-21 14:20:50 发布

在.vue的子页面中定义相同的css类名，但是样式完全不一样，在通过routerView切换嵌入不同的子页面的时候，css会老是错用上一个页面的css相同的类，或者错用第一个子页面中相同的css类。这是子页面对应创建的时候连同css对象创建的时候，对象引用错误问题（引用的时候应该是使用类名引用或者创建的时候类名一致就创建一次）。

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