работая с некоторыми компонентами, я вижу определенные классы индекса

Question

В моем приложении Laravel 5.8 / vuejs 2.6, работающем с некоторыми компонентами (в моем случае vue-easy-slider), я вижу, что у них есть классы, определенные с индексом somer, таким как:

[data-v-6ce668ac]

Итак, чтобы изменить этокласс, я должен установить определение:

<style lang="scss">
    .slider-icon-left[data-v-6ce668ac] {
        transform: rotate(45deg);
        border-left: 3px solid $navigation-color !important;
        border-bottom: 3px solid $navigation-color !important;
    }

Что такое data-v-6ce668ac здесь? Могу ли я установить стиль блока? Это похоже на временный индекс ... Будет ли то же самое в следующем сеансе?

Answer 1

Его динамика генерируется во время выполнения кода, поэтому не нацеливайтесь с помощью [data-v-6ce668ac]

Вместо этого вы можете нацеливать с помощью [class ^ = slider-icon-left],

[class^=slider-icon-left]{
   transform: rotate(45deg);
   border-left: 3px solid $navigation-color !important;
   border-bottom: 3px solid $navigation-color !important;
}