vue怎么生成标签-创新互联

这篇“vue怎么生成标签”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“vue怎么生成标签”文章吧。

成都创新互联专注于企业营销型网站、网站重做改版、大通网站定制设计、自适应品牌网站建设、H5网站设计、商城系统网站开发、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为大通等各大城市提供网站开发制作服务。

具体步骤如下：

1.首先，在vue-cli中创建一个vue.js项目；

vue init webpack myvue

2.vue.js项目创建好后，在项目中添加一个button按钮，并使用@click绑定一个点击事件；

点击生成标签

3.点击事件设置好后，在data中进行初始化；

data() {return {itemArr: [{content: ''}]}}

4.最后，data初始化后，使用this.itemArr.push方法即可生成标签；

addEle() {this.itemArr.push({content: ''})},

相关扩展：

1）点击删除标签

点击删除标签
deleteEle(index) {
this.itemArr.splice(index, 1);
},

以上就是关于“vue怎么生成标签”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注创新互联行业资讯频道。

名称栏目：vue怎么生成标签-创新互联
网页路径：http://cdkjz.cn/article/ccdsdg.html