vue修改当前页样式不影响公共样式的方法

在项目开发中需要对一些标签进行样式修改但是每次修改之后其他页面的样式也会跟着改变，在网上找了很多方法都不好使后来大神告诉我一种方法很好用分享给大家。1：首先在template标签下的第一个div中定义一个以本文件为名的class，只要class唯一就行。2：在style标签添加lang="scss"，并把所有的样式都包含在 .DeviceInfo{ }即可。如下图：...

weixin_30294709

3887人浏览 · 2019-08-13 11:33:00

weixin_30294709 · 2019-08-13 11:33:00 发布

在项目开发中需要对一些标签进行样式修改但是每次修改之后其他页面的样式也会跟着改变，

在网上找了很多方法都不好使后来大神告诉我一种方法很好用分享给大家。

1：首先在template标签下的第一个div中定义一个以本文件为名的class，只要class唯一就行。

2：在style标签添加lang="scss"，并把所有的样式都包含在 .DeviceInfo{ }即可。如下图：

转载于:https://www.cnblogs.com/luzt/p/11344890.html

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