Vue.js入门-内置指令v-html
2017-08-22 18:17
615 查看
详细：
更新元素的 innerHTML 。注意：内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译 。如果试图使用 v-html 组合模板,可以重新考虑是否通过使用组件来替代。
实例：
效果：
●sadf
●ewq
更新元素的 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
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Vue.js入门（二）——常用指令
- Vue.js-内置指令总结
- Vue.js入门-简介和指令介绍
- VueJs入门练习-指令(1)
- Vue.js入门学习--v-if 组合 v-else-if条件指令渲染DOM（三）
- Class 与 Style 绑定HTML Class(vue.js)
- Vue.js学习 Item13 – 指令系统与自定义指令
- vue.js入门笔记 记录
- 曹可爱之最可爱-Vue.js入门 (一)初识
- vue.js常用指令
- 免费的 Vue.js 入门与进阶视频教程
- Vue.js——60分钟快速入门
- vue.js使用v-pre与v-html输出HTML操作示例
- 第二节、简易安装 和 快速入门Vue.js
- Vue.js 60分钟快速入门教程
- 20170522 Vue.js入门
- vue.js入门（3）――详解组件通信
- Vue.js入门学习--表单input的绑定（六）
- vue.js 入门
- vue内置指令详解——小白速会