当前位置:首页>开发>正文

vuejs中动态增加的html

2023-04-25 16:06:16 互联网 未知 开发

vuejs中动态增加的html?

vuejs中动态增加的html

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

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

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

最新文章