vue项目打包上线后页面样式与开发页面不一致

vue项目打包上线后页面样式与开发页面不一致原因：打包的过程会进行优化，导致引入样式文件的顺序发生变化解决办法：将自己写的样式文件放在最后面，框架什么的放在前面注意：每个组件的样式文件记得加上scoped，防止样式冲突...

朽木自雕xmzd

3947人浏览 · 2020-06-10 22:11:54

朽木自雕xmzd · 2020-06-10 22:11:54 发布

vue项目打包上线后页面样式与开发页面不一致

原因：

打包的过程会进行优化，导致引入样式文件的顺序发生变化

解决办法：

将自己写的样式文件放在最后面，框架什么的放在前面

注意：每个组件的样式文件记得加上scoped，防止样式冲突

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