Vue: как изменить стиль дочерних компонентов в области видимости - PullRequest
Новая
       20

Vue: как изменить стиль дочерних компонентов в области видимости

0 голосов
/ 21 июня 2019

Я использую компоненты vant ui в vue, такие как кнопки, я хочу немного изменить его стиль, например, цвет, границу ...., но я не знаю, как это сделать, любой может помочь мне решитьпроблема?Заранее спасибо!

Я пытался добавить элемент CSS или встроенный стиль, но не работает!

1 Ответ

0 голосов
/ 21 июня 2019

Любой пользовательский component's css можно изменить с помощью deep selector

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

В этом случае используйте ::v-deep, так как /deep/ устареет,

Ссылка - Deep Selector

Просто проверьте класс отображаемого element, который вы хотите изменить, используя devtools в chrome или любой консоли браузера.

Тогда, если вы потребляете component, измените его 

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