vue中通过修改element-ui的类修改相关组件的样式

可以在App.vue中的style中修改element-ui的样式。.el-menu{　　width:160px !important;}　注意：一定要在属性值后面加上 !important 使自己定义的css样式处于权重最高，不加的话在本地调试的时候是没有问题的，不过在项目打包后放到服务器上时，自己定义的样式会因为优先级的问题被element-ui原有样式覆盖！！！！！

iulyf

4490人浏览 · 2018-01-25 10:41:34

iulyf · 2018-01-25 10:41:34 发布

可以在App.vue中的style中修改element-ui的样式。

.el-menu{
　　width:160px !important;
}

　注意：一定要在属性值后面加上 !important 使自己定义的css样式处于权重最高，不加的话在本地调试的时候是没有问题的，不过在项目打包后放到服务器上时，自己定义的样式会因为优先级的问题被element-ui原有样式覆盖！！！！！

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