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

2022-08-09 社会 229阅读

1、新建html文档,然后在head标签中引入vue的js文件,这里以引入cdn文件为例:

2、在body标签中添加一个id为“app”的div标签,然后在这个div标签中再添加一个div标签,在vue中添加一个变量数据,然后用“{{}}”符号将变量引入到div标签中,并且在标签中添加“v-html="变量"v-html="变量"”属性:

3、用浏览器打开html文档,这时可以在页面中看到被v-html指令添加的html元素:

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com