如何使用Vue.js中的v-html指令绑定HTML标签元素

2024-11-19 18:46:30

1、第一步,双击打开HBuilder工具,新建静态页面vhtml.html,并引入vue.js文件,如下图所示:

如何使用Vue.js中的v-html指令绑定HTML标签元素

3、第三步,在<div></div>标签下方插入<script></script>,并在这个标签初始化vue组件函数,如下图所示:

如何使用Vue.js中的v-html指令绑定HTML标签元素

5、第五步,修改v-html指令和v-model指令绑定的数据变量,然后保存代码,如下图所示:

如何使用Vue.js中的v-html指令绑定HTML标签元素
猜你喜欢