vue2之v-html指令：设置标签的innerHTML
发布：智码IT网 阅读：
<!--
v-html指令：设置标签的innerHTML
-->
<div id="app">
<!-- v-html指令：p标签的内部将会出现一个超链接 -->
<p v-html="url"></p>
<!-- v-html指令：也可以用于输出普通文本 -->
<p v-html="message"></p>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.7.9/vue.common.dev.min.js"></script>
<script>
var app = new Vue({
el: "#app",
data: {
url: '<a href="" target="_blank">智码IT网</a>',
message:"test"
},
});
</script>
效果：p标签内部会生成一个超链接
点击超链接，会调转到对应的网页
上一篇：没有了
下一篇：没有了