猿问

小白，请教各位大佬！vue中空白处点击收起下拉菜单应该怎么写各位有什么建议？

vue的表格里面最后一列有一个长的下拉菜单点击展开，想要点击空白地方自动收起的话应该怎么加？
全部操作
v-for="(data,key,index)indatas"
@click="addClassFun(index,scope.row)"
v-bind:class="{bgColor:index==qwerqwre}"
:key="index"
>{{data.data}}
//点击操作
handleClick(row,index){
this.$set(this.showOptions,index,!this.showOptions[index]);
},
data(){
return{
istrue:true,
showOptions:[false,false,false,false,false,false],
choseItems:false,
numberValidateForm:{},
ruleForm:{userName:"",sex:"全部",region:""},
index:"",
tableData:[],
datas:{
dataAll:{
data:"全部操作"
},
data1:{
data:"查看",
ifAdd:0
},
data2:{
data:"修改",
ifAdd:1
},
data3:{
data:"角色",
ifAdd:2
},
data4:{
data:"账号",
ifAdd:3
},
data5:{
data:"密码",
ifAdd:4
},
data6:{
data:"快捷登录",
ifAdd:5
},
data7:{
data:"删除",
ifAdd:6
}
},
qwerqwre:"0"
};
},

		

			
噜噜哒

			
浏览 388回答 2

		

	
	

									
	

	

		
2回答

		

			
			

				
				
开满天机

				
弹出下拉框@click变为@click.stopmounted(){window.addEventListener('click',()=>{//这里写收起下拉框的逻辑代码});},

				

					

            
            
          

          
0

				

			

			
		

	

	

		随时随地看视频慕课网APP
	

	
	
	

		
相关分类

		

			
			

			
				 JavaScript
			
			

				
			
		

	

	
	
	

		我要回答