参考链接:https://www.zhihu.com/question/509169405/answer/2292170011
<!-- 案件来源 -->
<van-field readonly clickable v-model="form.caseFromName" name="picker" label="案件来源" placeholder="请选择" @click="caseFromCodeShow = true" required :rules="[{ required: true, message: '请选择' }]" />
<van-popup v-model="caseFromCodeShow" position="bottom">
<van-picker value-key="label" show-toolbar :columns="caseFromColumns" @confirm="caseFromonConfirm" @cancel="caseFromCodeShow = false" />
</van-popup>
caseFromColumns: [
{ label: '巡逻发现', value: '0' },
{ label: '投诉举报', value: '1' },
{ label: '重大舆情', value: '2' },
{ label: '专项巡查任务', value: '3' }
],
// 案件来源点击确定
caseFromonConfirm(e) {
this.form.caseFromName = e.label
this.form.caseFromCode = e.value
this.caseFromCodeShow = false
},`
![](https://img.haomeiwen.com/i12429965/e95b3679419e4ce9.png)
网友评论