vue项目中样式污染的解决办法

关于vue项目中样式污染的解决办法有两种只不过第二种要在第一种的基础上使用1.css方法通过在style 中加上 <style scoped>2.less 的用法依赖一个插件 sass-loader 和第一个组合的用2.1首先要下载相对于的插件他有两个插件要同时使用在终端输入npm install sass-loader@"^10.2.1" --savenpm install no

lld20

2792人浏览 · 2022-05-11 09:27:33

lld20 · 2022-05-11 09:27:33 发布

关于vue项目中样式污染的解决办法有两种只不过第二种要在第一种的基础上使用

1.css方法

通过在style 中加上 <style scoped>

2.less 的用法依赖一个插件 sass-loader 和第一个组合的用

2.1首先要下载相对于的插件他有两个插件要同时使用

在终端输入

npm install sass-loader@"^10.2.1" --save

npm install node-sass@"^4.14.1" --save

在style中直接使用用法long="scss"
在每个里面依次嵌套

2.1.1具体如何嵌套

前提是

要满足依次嵌套的顺序

这样我们就解决了vue项目中样式污染的解决办法，如有其他方法请提示

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