Блог

Главная - Вопросы по программированию - Почему цвет v-чипа vuetify не меняется?

Почему цвет v-чипа vuetify не меняется?

#vue.js #vuetify.js

Вопрос:

Я хочу использовать v-чип от vuetify, но когда я устанавливаю цвет, цвет не меняется, вот мой код для v-чипа

вот как я импортирую свой vuetify

 
    import vuetify from 'vuetify';
    import 'vuetify/dist/vuetify.min.css'
    Vue.use(vuetify);
    
    const App = new Vue(Vue.util.extend({ router, Swal, vuetify : new vuetify() }, Template)).$mount('#app');

Вот как я называю v-чип

 <v-data-table
:headers="headers"
:items="users"
:search="search"
>
    <template v-slot:[`item.status`]="{ item }">
        <v-chip
        color="red"
        >
        {{ getStatus(item.status) }}
        </v-chip>
    </template>
</v-data-table>

и вот результат

цвет v-чипа станет светлым

пожалуйста, помогите мне

Комментарии:

1. Странный. Можете ли вы поделиться некоторыми фрагментами кода, содержащего этот v-chip элемент?

2. @MattU хорошо, я отредактировал свой код с помощью кода, содержащего v-чип

3. Работает ли это, если вы используете primary для color атрибута, или вообще ничего не работает?

4. @MattU primary также не работает, есть основной цвет, потому что я также использую VueMaterial

5. @MattU Я решил проблему, я забыл поставить тег <v-app>, поэтому он не работает. спасибо вам за помощь мне 🙂

Метки: