如何使用 vue.js 显示格式化的 html 字符串

Question

我有这个问题，我创建了一个 html 页面来显示一些使用 quill 编辑器格式化的文本。我使用以下格式保存在 table 中创建的每个文本，例如：

<p>Test<strong> format</strong></p>

为了在前端显示文本，我使用 v-for 和 vue.js，如下所示：

<div class="card" v-for="(wiki, index) in wikiList">
   <div class="mb-3">
       <div class="form-control" type="text" id="view-container-wiki" readonly>{{wiki.description}}</input>
   </div>
</div>

问题是我的 html 没有格式化文本，它只是用标签显示它：

如何创建方法来 return 格式化字符串？我尝试使用 Jquery，但没有用。

有什么建议吗？

Answer 1

尝试使用v-html指令：

 <div class="form-control" 
      type="text" id="view-container-wiki" 
      readonly 
      v-html="wiki.description">
 </div>

如何使用 vue.js 显示格式化的 html 字符串

How to show formatted html string using vue.js

javascript

vue.js

vuejs2