自学内容网 自学内容网

VUE学习笔记5__vue指令v-html

在这里插入图片描述
v-html是用来解析字符串标签
示例

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
</head>

<body>
<div id="app">
    <div v-html="msg"></div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>
    const app = new Vue({
            el: '#app',
            data: {
              msg: `
                <a href="https://www.baidu.com">百度</a>
              `
            }
          })
</script>
</body>
</html>

预览
在这里插入图片描述
在这里插入图片描述


原文地址:https://blog.csdn.net/houmenghu/article/details/145190022

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!