我需要重写或自定义VueJS组件[已关闭]

baubqpgj 于 2022-12-23 发布在 Vue.js

关注(0)|答案(1)|浏览(134)

昨天关门了。
Improve this question
我需要覆盖或自定义VueJS组件，但从另一个文件夹，任何想法或建议如何实现这一点？
样品：

vue_app/scr
       - components
         - test.vue
override
       - custom-components
         - test.vue

1条答案

你应该把覆盖CSS放在它自己的文件中，而不是作为一个vue组件的一部分--两个组件都可以导入这个CSS并平等地使用它。看看CSS specificity，你可能可以通过使覆盖CSS比组件CSS更具体来做到这一点。如果两个文件都说：

.classname {
  color: red;
}

然后浏览器必须猜出应该荣誉哪一个，但是如果覆盖文件中的那个在类名之前有一个父类列表，比如：

html body .maincontent .section .classname {
  color: red;
 }

它将被认为是更具体的，并用于代替组件CSS。