欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

uniapp开发 小白的成长之路(鼠标点击显示)

程序员文章站 2022-03-19 21:44:06
...

uniapp开发 小白的成长之路(鼠标点击显示)

 鼠标点击第一列信息,打回出现,鼠标点击第二列信息,第一列打回消失,第二列出现打回。效果如下:

uniapp开发 小白的成长之路(鼠标点击显示)

 实现这个功能的时候,我是一头雾水,最后经过了一番努力还是弄出来了,代码如下:

<view class=" check-content" v-for="(list,index) in checkList" :key="index" @tap="toggle(index)">
					
		<view class="check-state business-btn" v-show="index == current" >打回</view>
						
	</view>


	toggle(index) {
				 
				 this.current = index;
			       // this.$attrs.isActive = !this.isActive;
			}	

 

 

相关标签: uniapp