vuecli3组件内部引入第三方的css文件只在当前组件生效的办法

vuecli3组件内部引入第三方的css文件只在当前组件生效的办法解决办法在组件中的style中使用@import “…/…/assets/Login/css/login.css”;存在的问题这种方法可以将其引入但是会作用到全局争对此问题的解决办法使用这样的办法就可以只在当前组件内有效（记得要加scoped）...

屿北go

2980人浏览 · 2020-01-15 14:27:04

屿北go · 2020-01-15 14:27:04 发布

vuecli3组件内部引入第三方的css文件只在当前组件生效的办法

解决办法

在组件中的style中使用@import “…/…/assets/Login/css/login.css”;

在这里插入图片描述

存在的问题

这种方法可以将其引入但是会作用到全局

争对此问题的解决办法

在这里插入图片描述
使用这样的办法就可以只在当前组件内有效（记得要加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}$/, //不连续的两位字母// /^