Vue.js入门-内置指令v-html

最新推荐文章于 2024-06-22 14:33:40 发布

Ferre666

最新推荐文章于 2024-06-22 14:33:40 发布

阅读量2.9k

点赞数

分类专栏： Vue.js 文章标签： vue-js api 内置指令

本文链接：https://blog.csdn.net/Ferre666/article/details/77483642

版权

Vue.js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

详细：

更新元素的 innerHTML 。注意：内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译。如果试图使用 v-html 组合模板,可以重新考虑是否通过使用组件来替代。

实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue learning</title>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>

    <div id="demo" v-html="msg"></div>

    <script>
    var app = new Vue({
        el:'#demo',
        data:{
            msg:'<ul><li>sadf</li><li>ewq</li></ul>',
        }
    });
    </script>

</body>
</html>

效果：
●sadf
●ewq

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Ferre666

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue.js入门-内置指令v-html

详细：更新元素的 innerHTML 。注意：内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译。如果试图使用 v-html 组合模板,可以重新考虑是否通过使用组件来替代。实例：<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue learning</title><script src="https://unp
复制链接

扫一扫