javascript - VUE怎么动态添加点击过的标签元素?

查看:64
本文介绍了javascript - VUE怎么动态添加点击过的标签元素?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

在做一个tab选项卡,想要点击某个tab内容的标签,然后把点击的标签插入一个div容器里,并且容器里添加CSS样式,和删除按钮,应该怎么做?,之前都是用JQUERY,直接找元素然后生成一个DIV然后append的。现在用VUE有点不知道怎么做。
PS:我现在能把点击的tab标签插入div容器里,但是不知道怎么为div容器里每个插入的标签单独生成CSS样式和删除按钮

解决方案

首先你需要在需要被点击的标签上面加一个点击事件(method中),然后获取其在vue.data中的位置,在div容器中v-for循环出对应的结构样式,点击之后插入数据,然后div容器中就会出现了。
用vue,还是要从数据驱动的方面去思考和解决问题。

这篇关于javascript - VUE怎么动态添加点击过的标签元素?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆