vue点击空白区域，下拉列表隐藏

//模板部分<i class="el-icon-menu mb_icon" @click="mb_menu" ref="mbMenu"></i>//js部分放在mountd里：document.addEventListener('click', (e) => {if (

luckysyy

3512人浏览 · 2018-12-12 11:45:07

luckysyy · 2018-12-12 11:45:07 发布

//模板部分

//js部分放在mountd里：

document.addEventListener('click', (e) => {

if (!this.$refs.mbMenu.contains(e.target)) {

this.mb_menuVisible = false

}

})

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^