vue组件样式相互影响解决办法

今天在这个有点热的五一假期里，分享一个我之前遇到的小问题，就是vue-cli在多个组件下，样式会相互影响，有的会说在style标签里加scoped就好了，但是你加上之后还是会影响，比如我之前的，一个组件加了内边距之后，根组件的tabbar会被挤出视图，而且tabbar的宽度也非常宽，加了scoped也不管用，后来审查元素发现给的宽度100%，但是超过了视图宽度，怎么解决的呢？也是非常简单啊，就是加

独孤求赞

3633人浏览 · 2020-05-02 22:21:01

独孤求赞 · 2020-05-02 22:21:01 发布

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