进行 v-select html 转换

Posted 2023-02-22

【中文标题】进行 v-select html 转换

【英文标题】：Make v-select html conversion

【发布时间】：2020-06-02 04:35:13

【问题描述】：

我用axios给v-select发数据，但是内容是html格式的。

我想用v-html转换文本，但不成功。

<v-select
 :items="quizs"
 item-text="questiontext"
 item-value="id"
 v-model="quizid"
></v-select>

【问题讨论】：

请参考***.com/questions/50531864/…链接。

【参考方案1】：

您可以在 v-select 中使用模板进行自定义显示。然后使用 v-html 解码 html 标签如下：

<v-select :items='quizs' v-model="quizid">
    <template v-slot:item='item'>
         <div v-html='item.questiontext'/>
    </template>
    <template v-slot:selection='item'>
         <div v-html='item.questiontext'/>
    </template>
</v-select>