vant-ui使用picker选择器渲染自定义数组

官方文档中提供的渲染数组案例是以下这种形式

data: {
    
    
   columns: ['杭州', '宁波', '温州', '嘉兴', '湖州']
},

如果想渲染这种格式需要怎么解决?

data: {
    
    
   columns: [{
    
    
   		name:"张三",
   		id:"1"
   },{
    
    
   		name:"李四",
   		id:"2"
   }]
},

解决办法: 增加value-key参数

<van-picker columns="{
    
    { columns }}" value-key="name" bind:change="onChange" />

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_37332614/article/details/130746427