Невозможно создать флажок материального дизайна (mdi) в VueJS - PullRequest
Новая
       30

Невозможно создать флажок материального дизайна (mdi) в VueJS

1 голос
/ 20 марта 2019

В моем приложении я использую иконки дизайна материалов.Я загружаю их так: 

<link href="https://cdn.materialdesignicons.com/2.5.94/css/materialdesignicons.min.css" rel="stylesheet">

. Это хорошо работает во многих частях приложения, но не работает с флажками.Вот как я создаю флажки в одном из моих методов: 

return this.$createElement(VCheckbox, {

});

Я не получаю никаких сообщений об ошибках, но вместо флажков я вижу некоторый текст, когда страница отображается:

enter image description here

Я проверил DOM и вижу это: 

<div class="v-input__slot">
    <div class="v-input--selection-controls__input">
        <input aria-checked="false" role="checkbox" type="checkbox" value="">
        <div class="v-input--selection-controls__ripple"></div>
        <i aria-hidden="true" class="v-icon material-icons theme--light">check_box_outline_blank</i>
    </div>
</div>

Итак, я вижу, что вместо mdi theme material-icons применяется тема.Я не знаю, как это исправить.Я хочу получить класс mdi-checkbox-marked-outline для отмеченных флажков и mdi-checkbox-blank-outline для непроверенных.

...