首页 前端知识 Vue的HTML插入——v-html指令

Vue的HTML插入——v-html指令

2024-09-09 00:09:59 前端知识 前端哥 805 63 我要收藏

有时我们希望将数据作为HTML代码插入到HTML模板中,而不是以纯文本的形式显示。在这种情况下,我们需要使用Vue.js的v-html指令:

<template>
<div>
<p>纯文本: {{ rawText }}</p>
<p>属性: <span v-html="rawHtml"></span></p>
</div>
</template>
<script>
export default {
data() {
return {
rawText: "这是一段纯文本",
rawHtml: "<a href='https://baidu.com'> baidu </a>"
};
}
};
</script>
复制

点击baidu后:跳转到了新的标签页百度

转载请注明出处或者链接地址:https://www.qianduange.cn//article/17976.html
标签
评论
还可以输入200
共0条数据,当前/页
发布的文章

安装Nodejs后,npm无法使用

2024-11-30 11:11:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!