如何利用Vue.js库中的v-html指令添加html元素

如何利用Vue.js库中的v-html指令添加html元素,第1张

第步创建静态页面von.html并引入vue.js关键核js文件第二步主题元素插入div标签元素并其插入input输入框按钮利用v-on指令绑定点击事件queryDate第三步div标签编写vue.js点击事件事件获取前期第四步让输入框按钮间距设置body元素第五步预览该静态页面点击按钮发现输入框没值调试发现错误缺少jquery核js文件!

解决这个问题的方法如下:

1、双击打开HBuilder工具,新建静态页面vhtml.html,并引入vue.js文件。

2、在<body></body>标签元素插入一个div和input输入框标签,添加v-model和v-html指令。

3、在<div></div>标签下方插入<script></script>,并在这个标签初始化vue组件函数。

4、保存代码并在浏览器中预览该界面,可以查看到浏览器控制台报错了。

5、最后修改v-html指令和v-model指令绑定的数据变量,然后保存代码,这样问题就解决了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11667805.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存