vant ui picker选择组件展示值text设置遇到的坑

vant ui picker选择组件展示值text设置遇到的坑

做移动端项目时,用了vant UI组件,使用picker选择组件时遇到了些问题,简单记录下。

在官方文档的例子中,picker组件默认展示的字段是columns数据中的text字段
在这里插入图片描述
在实际项目中,接口返回的数据往往是没有text字段的,因此需要设置指定的展示字段。
在官方文档中,说明需要使用columns-field-names属性设置,属性值为object数据,如:{ text: ‘text’, values: ‘values’, children: ‘children’ }
在这里插入图片描述
咱设置了columns-field-names属性之后。发现并没有生效,此时求助度娘,有大神的博客说写成colunmsFieldNames,然并卵,还是一样。
再次求助度娘,有大神说通过value-key属性设置,一试功成,果然ok。
在这里插入图片描述
一度怀疑是自己理解错文档columns-field-names不是用来设置展示字段的,然而官方文档的示例就是这么用的,极度郁闷的!

官方例子:
在这里插入图片描述
在这里插入图片描述

难不成是我版本的问题?非常不解,求路过的大神解惑!!!

如果对你有帮助,记得点个赞噢(~~)

猜你喜欢

转载自blog.csdn.net/start_sea/article/details/123023044
今日推荐