Html:
<van-field
v-model="fieldValue"
is-link
readonly
label="城市"
placeholder="选择城市"
@click="showPicker = true"
/>
<van-popup v-model:show="showPicker" round position="bottom">
<van-picker
:columns="columns"
@cancel="showPicker = false"
@confirm="onConfirm"
/>
</van-popup>
TS:
import { ref } from 'vue';
export default {
setup() {
const columns = [
{ text: '杭州', value: 'Hangzhou' },
{ text: '宁波', value: 'Ningbo' },
{ text: '温州', value: 'Wenzhou' },
{ text: '绍兴', value: 'Shaoxing' },
{ text: '湖州', value: 'Huzhou' },
];
const fieldValue = ref('');
const showPicker = ref(false);
const onConfirm = ({ selectedOptions }) => {
showPicker.value = false;
fieldValue.value = selectedOptions[0].text;
};
return {
columns,
onConfirm,
fieldValue,
showPicker,
};
},
};
columns的值只能是数组对象吗?支持字符串数组格式吗?
比如columns = ["sttrig","number"]这种格式
columns的值只能是数组对象吗?支持字符串数组格式吗?
比如columns = ["sttrig","number"]这种格式
看了下文档

V1-V3
是支持的,V4是固定格式,不过你可以试试