v-html

v-html 用于设置标签的 innerHTML

<body>
    <script src="../vue.js"></script>
    <div id="mydiv">
        <div v-html="message"></div>
        <div v-html="link"></div>
    </div>
    <script src="work2.js"></script>
</body>
var app = new Vue({
    el:'#mydiv',
    data:{
        message:'Hello Vue',
        link:'<a href="#">a link of Vue</a>'
    }
})

结果为：

Hello Vue
a link of Vue  // 这是一个链接

 

posted @ 2022-11-24 21:02  树叶本子  阅读(90)  评论(0)    收藏  举报