给移动端vant框架中的下拉菜单设置默认选项做了才知道，移动端的下拉菜单默认选项和pc的完全不⼀样，导致我煎熬了⼤半天
这是页⾯上的代码，⾥⾯有⼀个
v-modal="areaValue"
ref ="cityPicker"
<van-field
readonly
clickable
:label-width="120"
name="area"
v-model="areaValue"
label="所属地区"
placeholder="选择地区"
@click="showAreaFun"
翻译 英文/>
<van-popup v-model="showArea" position="bottom">
<van-picker
show-toolbar
ref="cityPicker"
:columns="columns"
:key="provinceDm"
@change="areaCityPickerValue"
@confirm="confirmSelection"
/>
</van-popup>
circus在data⾥⾯定义了⼀个：
areaValue: "陕西省-西安市"
citydata: [],
//获取省份代码
getsfdm() {
南回归线英文this.$(window.knowledgeba + "/xzqh/getSfList").then((res) => {
const respon = res.body;
if (de == 0) {
let arr = [];
respon.data.forEach(item=>{
arr.push({
keyId: qhszDm,
text: qhmc,
});
qhmc == '陕西省'){
// sdm(item);
this.provinceDm = qhszDm;
}
})
/
宽容的故事/ this.areaValue = `${values[0].text}-${values[1].text}`;
留学出国留学
// shengQydm: this.provinceDm,
// qydm: this.cityDm,
this.areadata = arr;
}
});
},
//获取市代码
getsdm(area) {
this.$http
.get(window.knowledgeba + "/xzqh/getDsList?sjxzqhszDm=" + area.keyId)
.
then((res) => {
const respon = res.body;
if (de == 0) {
let arr = [];
respon.data.forEach(item=>{
白岩松 耶鲁大学arr.push({
keyId: qhszDm,
英语等级考试成绩查询text: qhmc,
});
})
this.citydata = arr;恶魔猎手英文
this.$refs.cityPicker.tColumnValues(1, this.citydata);
this.$refs.cityPicker.tColumnValue(1, '西安市');
}
});
vaga},
重点是这两句： this.citydata = arr;
this.$refs.cityPicker.tColumnValues(1, this.citydata); //
this.$refs.cityPicker.tColumnValue(1, '西安市');
tColumnValues 意思是 /： 获取对应列选中项的索引
tColumnValue 意思是 /：设置对应列选中的值
benevolence在此，已经完了，有什么不⾜的地⽅，欢迎⼤家提出来。在此感谢张先⽣对我的极⼒帮助。爱你哟
