1、引入
import { Picker } from "vant"
2、使用
components: {
vanPicker: Picker,
}
3、渲染
show-toolbar
:columns="columns"
value-key="text"
/>
4、将值push到columns
//注意的点vant默认的是text,如果你需要修改需要value-key="你要定义的名字",否则不会渲染
this.columns = [
{
siteState: 1,
text: "装机开业"
},
{
siteState: 2,
text: "装机停业"
},
{
siteState: 3,
text: "未装机开业"
},
{
siteState: 4,
text: "未装机停业"
},
{
siteState: 5,
text: "其他"
}
];
补充知识:vant-ui之Field输入框和Picker结合使用时,如何绑定正确的id类型的值的问题。
很常见的需求:
表单中的一