Vue：如何更改作用域子组件的样式

Question

我在Vue中使用vant ui组件，例如按钮，我想对其样式进行一些改动，例如颜色，边框..，但是我不怎么完成它，任何人都可以帮助我解决问题？提前致谢！

我尝试在元素上添加CSS或内联样式，但是不起作用！

Answer 1

可以使用component's来更改任何自定义deep selector css

GitHub参考-https://github.com/vuejs/vue-loader/issues/913

在这种情况下，请使用::v-deep，因为/deep/将被弃用。

参考-Deep Selector

只需检查要在chrome或任何浏览器控制台中使用element修改的呈现的devtools的类。

然后，在您消费component时对其进行修改

<style scoped>
::v-deep vant-component-class {
   background: red; //
}
</style>