![[发怒]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_12.0f24f23.png)
如何点击另外一个按钮,不仅轮播图要消失,轮播图对应的按钮也要消失?
1. 先给按钮动态绑定一个:class=“isShow”
2. 在data中定义这个isShow , 并赋上一个值, isShow: domhide
3. 在css中定义两个样式 , 因为最初是要显示这个按钮的,所以.domhide{display: block;}给显示 , .domshow{display: none;}给隐藏 , 这个是自己额外定义的
4. 再点击其他的按钮的时候,轮播图的数据直接给 ‘ ’空 , 然后调用this.isShow = "domshow" , 按钮隐藏
5. 再点击轮播图数据的时候,只需要在数据赋值给数组的上面调用this.isShow = "domhide" , 按钮显示
1. 先给按钮动态绑定一个:class=“isShow”
2. 在data中定义这个isShow , 并赋上一个值, isShow: domhide
3. 在css中定义两个样式 , 因为最初是要显示这个按钮的,所以.domhide{display: block;}给显示 , .domshow{display: none;}给隐藏 , 这个是自己额外定义的
4. 再点击其他的按钮的时候,轮播图的数据直接给 ‘ ’空 , 然后调用this.isShow = "domshow" , 按钮隐藏
5. 再点击轮播图数据的时候,只需要在数据赋值给数组的上面调用this.isShow = "domhide" , 按钮显示
展开
3
点赞