调用 showSelector 属性 判断是否开启
调用 toggleSelector(); 函数进行关闭处理
<view class="input_css" @click="allClick('name')">
<!-- <u--input v-model="filterList.name" maxlength="50" placeholder="请输入姓名" /> -->
<zxz-uni-data-select
ref="nameSelector"
placeholder=" 请输入姓名"
:disabled="editFlag"
v-model="filterList.name"
filterable
dataKey="text"
dataValue="value"
:localdata="nameList"
@change="nameChange"
@inputChange="inputNameChange"
:emptyTips="nameNullFlag === 0 ? '' : '无数据'"
></zxz-uni-data-select>
</view>
<view class="input_container">
<view class="input_text">手机号:</view>
<view class="input_css" @click="allClick('phone')">
<!-- <u--input v-model="filterList.phone" maxlength="50" placeholder="请输入手机号" /> -->
<zxz-uni-data-select
ref="phoneSelector"
maxlength="11"
placeholder=" 请输入手机号"
:disabled="editFlag"
v-model="filterList.phone"
filterable
dataKey="text"
dataValue="value"
:localdata="phoneList"
@change="phoneChange"
@inputChange="inputPhoneChange"
:emptyTips="phoneNullFlag === 0 ? '' : '无数据'"
></zxz-uni-data-select>
</view>
</view>
allClick(e) {
let that = this;
if (this.$refs.nameSelector.showSelector && e !== 'name') {
this.$refs.nameSelector.toggleSelector();
}
if (this.$refs.phoneSelector.showSelector && e != 'phone') {
this.$refs.phoneSelector.toggleSelector();
}
if (this.$refs.idNumberSelector.showSelector && e != 'idNumber') {
this.$refs.idNumberSelector.toggleSelector();
}
if (this.$refs.companySelector.showSelector && e != 'company') {
this.$refs.companySelector.toggleSelector();
}
if (this.$refs.departmentSelector.showSelector && e != 'department') {
this.$refs.departmentSelector.toggleSelector();
}
}