В моем файле .vue есть следующий компонент Buefy:
<button class="button is-dark alt-dark" slot="trigger">
<b-icon ref="bellIcon" pack="far" icon="bell" :class="{ 'has-update-mark' : false }"></b-icon>
</button>
Я хочу удалить атрибут pack = 'far' и обновить объект json, для которого установлено значение true. Итак, мой компонент Buefy будет выглядеть так:
<button class="button is-dark alt-dark" slot="trigger">
<b-icon ref="bellIcon" icon="bell" :class="{ 'has-update-mark' : true }"></b-icon>
</button>
Я пытался удалить атрибут pack вот так:
this.$refs.bellIcon.pack = ""
Но я получил следующую ошибку:
Avoid mutating a prop directly since the value will be overwritten whenever the parent component
re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated:
"pack"
Итак, я не знаю, как изменить атрибуты: class или pack. Как мне изменить их в javascript? Особенно атрибут: class. Я даже не увидел его в списке объектов, когда смотрел "bellIcon" исх. Так что я действительно хочу этого больше всего. Спасибо