Bin9016_
Bin9016_
  • 发布:2025-06-05 11:49
  • 更新:2025-06-05 11:49
  • 阅读:124

关于van-picker用在uniapp上出现的若干问题解决方法

分类:uni-app

事故一:设置了 value-key,在网页或者小程序代码正常,到了uniapp上出现弹出来空白内容。
问题原因:在uniapp中,需要改为text,value。
解决方案一(不推荐):直接改为text,value。如下:

const columns = [  
  {  
    merchantName: '用户1',  
    merchantNo: 'uid001'  
  },  
  {  
    merchantName: '用户2',  
    merchantNo: 'uid002'  
  }  
]

改为:

const columns = [  
  {  
    text: '用户1',  
    value: 'u001'  
  },  
  {  
    text: '用户2',  
    value: 'u002'  
  }  
]

解决方案二(推荐):改为columns-field-names来实现。如:

<van-picker :columns="columns" :columns-field-names="{ text: 'merchantName', value: 'merchantNo'}" />

事故二:滚动选择了其他行,点确定。结果返回来的结果依旧是第一行结果。
问题原因:columns-field-names 没有设置value,导致所有数据没有唯一的value。
解决方案:columns-field-names一定要设置唯一的value。

0 关注 分享

要回复文章请先登录注册