问题背景：

项目前端使用vue.js和element-ui,由于想要对输入框进行验证，输入值非法时输入框颜色变红，就想要根据el-input编译后的class进行修改，但是直接在html页面中调用class无效，在网上查资料后，发现把html中的

解决思路

F12发现这些出问题的页面均加载出了同class名的其它页面(去掉scoped的html页面)的样式，经过查资料，发现了问题所在：在vue.js中，

后续

如何在

• 父组件cssName+ /deep/+第三方库需要更改的cssName

例如 .parentCssName  /deep/  .libCssName{}

参考链接