有时我们希望将数据作为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后:跳转到了新的标签页百度