问题描述
为了实现强制更改element-ui组件内部封装好的样式的效果,利用在标签前添加/deep/来根据实际情况强制更改对应属性的属性值。更改后保存,通过npm run dev运行代码,出现如下错误:
根据错误提示,定位到引起错误地方。
问题分析
某些预处理器(例如Sass)可能无法正确解析。
在这些情况下,可以用/deep/
如果/deep/报错,可以使用::v-deep
组合器-两者都是它们的别名,并且工作原理完全相同。
::v-deep的用法和/deep/ 完全一样
问题解决
关键点:使用::v-deep替换/deep/即可解决上述问题。