最近使用vue需要实现一个点餐选择商品规格的页面,需要通过vue动态的给被点击的元素添加class名字,使其变色,其他的删除class。如图: 开始在网上找了许多办法发现不是太好用,最后找到一个发现还是不错的,记录一下 html: script: 参考 ...
https: blog.csdn.net qq article details ...
2020-09-21 14:03 0 756 推荐指数:
最近使用vue需要实现一个点餐选择商品规格的页面,需要通过vue动态的给被点击的元素添加class名字,使其变色,其他的删除class。如图: 开始在网上找了许多办法发现不是太好用,最后找到一个发现还是不错的,记录一下 html: script: 参考 ...
1,文件内容 ---- 使用v-for遍历数据 ---- @click="selectSort(item)"添加点击事件,并把每个obj=item传入 ---- v-show="item.show",在点击事件中,实现点击显示或隐藏 ---- :class="{'active ...
点击当前标签给其添加class,兄弟标签class删除 然后获取当前点击元素的文字 演示地址: https://xibushijie.github.io/static/addClass.html <!DOCTYPE html> <html> < ...
#####对象方法-最简单的绑定(这里的active加不加单引号都可以,以下也一样都能渲染) :class="{ 'active': isActive }"1判断是否绑定一个active:class="{'active':isActive==-1}" 或者:class="{'active ...
...
" src="js/vue.js" ></script> </head> ...
1.html <ul> <li v-for='(item,index) in liList' :class='{actived:index==isactive ...