gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-05 01:06:15 25 4
gpt4 key购买 nike

我有这个问题,我创建了一个 html 页面来显示一些使用 quill 编辑器格式化的文本。我使用这种格式保存在表格中创建的每个文本作为示例:

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

为了在前端显示文本,我使用 v-forvue.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 没有格式化文本,它只是用标签显示它:

enter image description here

如何创建返回格式化字符串的方法?我尝试使用 Jquery,但没有成功。

有什么建议吗?

最佳答案

尝试使用 v-html 指令:

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

关于javascript - 如何使用 vue.js 显示格式化的 html 字符串,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69496819/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com