<van-field
is-link
required
readonly
clickable
label="意向岗位"
:value="jobNameLable"
@click="jobgw = true"
placeholder="请选择意向岗位"
:rules="[
{ required: true},
]"
/>
<van-popup
v-model="jobgw"
position="bottom"
:style="{ height: '70%' }">
<van-picker
title="请选择意向岗位"
show-toolbar
:columns="jobName"
@confirm="onConjobgw"
@cancel="onCancel"
@change="onChange"
/>
</van-popup>
<van-field
is-link
required
readonly
clickable
label="有无纹身"
:value="tattooLable"
@click="tattook = true"
placeholder="请选择意向岗位"
:rules="[
{ required: true},
]"
/>
<van-popup
v-model="tattook"
position="bottom"
:style="{ height: '70%' }">
<van-picker
title="有无纹身"
show-toolbar
:columns="tattoo"
@confirm="onContattook"
@cancel="onCancel"
@change="onChange"
/>
</van-popup>
//意向岗位弹窗
onConjobgw(value) {
this.value = value;
this.jobgw = false;
},
onContattook(value) {
this.value = value;
this.tattook = false;
},
data(){
return{
tattoo:['3','3'],//有无纹身
tattook:false,//有无纹身弹窗
tattooLable:'',//有无纹身显示值
jobName: ['1','2'],//意向岗位
jobgw:false,//意向岗位弹窗
jobNameLable:'',//意向岗位显示值
}
}
vant 多个选择框
最新推荐文章于 2024-07-18 16:34:35 发布