在vue中实现picker样式_vue vant中picker组件的使用

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类型的值的问题。

很常见的需求：

表单中的一