vue点击按钮打开下拉菜单_vue中空白处点击收起下拉菜单应该怎么写

vue的表格里面最后一列有一个长的下拉菜单 点击展开,想要点击空白地方自动收起的话 应该怎么加?

全部操作

  • v-for="(data,key,index) in datas"

    @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"

};

},

你可能感兴趣的:(vue点击按钮打开下拉菜单)