如何利用Vue.js库中的v-html指令添加html元素
2017-08-11 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
第一步，创建静态页面vhtml.html，并引入vue.js文件、：
第二步，在<body></body>元素内插入两个div，一个作为外层div，另外一个作为子div，并在父div绑定v-html指令：
第三步，绑定v-html指令数据，这里设置为字符串：
第四步，Vue.js库的v-html指令是插入html元素，修改datas为包含<p></p>标签：
第五步，预览该静态页面，这时会看到页面显示为“v-html指令”：
第六步，将调试打开，这时发现<div></div>中有个<p></p>标签：
第二步，在<body></body>元素内插入两个div，一个作为外层div，另外一个作为子div，并在父div绑定v-html指令：
第三步，绑定v-html指令数据，这里设置为字符串：
第四步，Vue.js库的v-html指令是插入html元素，修改datas为包含<p></p>标签：
第五步，预览该静态页面，这时会看到页面显示为“v-html指令”：
第六步，将调试打开，这时发现<div></div>中有个<p></p>标签：
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
