我有一个带有名为 content 的 v-model 的文本区域。如果我在那里输入一些文本,它将被分配给 content.description。现在,我想将其传递给另一个元素,即 div,但是 - 这里出现了棘手的部分 - 如果我的文本区域包含一些 html 代码,我希望这个 html 代码被解释为 html 代码而不是文本。
例如,如果我输入
<a href="foo">Some link </a>
我将它传递给div,我希望它呈现为可点击的链接,例如
而不是
<a href="foo">Some link </a>
有什么办法吗?
最佳答案
我们必须使用 v-html
指令才能工作。看一下文档Here ,检查工作片段。
var app6 = new Vue({
el: '#app-6',
data: {
message: '<a href="google.com">Hello Vue!</a>'
}
})
.as-console-wrapper{
display:none!important;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.12/vue.js"></script>
<div id="app-6">
<p v-html="message"></p>
<textarea v-model="message"></textarea>
</div>
关于javascript - 如何让接收到的数据显示为HTML代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60520336/