tenho o seguinte código em um arquivo .vue:
<template>
<div class="col-6">
<ModalRegister/>
<div class="col-12">
<b-table hover :items="rowData"></b-table>
</div>
</div>
</template>
<script>
import ModalRegisterfrom './ModalRegister';
export default {
data() {
return {
rowData: [
{nome: 'fts-001', modelo: "modelinho1", opção: "<i class='far fa-edit'></i>"},
{nome: 'fts-002', modelo: "modelinho2", opção: "<i class='far fa-edit'></i>"},
{nome: 'fts-003', modelo: "modelinho3", opção: "<i class='far fa-edit'></i>"},
{nome: 'fts-004', modelo: "modelinho4", opção: "<i class='far fa-edit'></i>"},
],
}
},
components: {
ModalRegister
}
}
</script>
Mas ele não funciona, ele interpreta o código como texto e não coloca o icone. Como posso fazer para adicionar um ícone a tabela?
v-html
(#docs). Porém nada disso importa se não conhecermos o código fonte do componente<b-table>
. Você poderia mostrar o código deste componente ou editar a pergunta para adicionar uma tag com a biblioteca que você está usando?