vux selector 数据错乱

1.vue的移动端项目,根据vux官网的文档使用selector做了一个下拉选择框。但是数据渲染出来不是我想要的

clipboard.png
<selector

title="客户关系"
name="minlevel"
v-model="minlevel"
type="number"
placeholder="请选择客户关系"
:options="[{id: 2, name: '好友'}, {id: 3, name: '非好友'}]"
:value-map="['id', 'name']" >

</selector>
上面是我的代码和 效果

点击客户关系的时候应该显示的是好友和非好友,而不是显示的是键值结构。

clipboard.png
官网上是允许options 做键值结构的, 然后value-map可以设置键值对自动映射的
我直接拿官网的demo源码下来直接复制在我的代码行里也是 第一张图那种情况
项目明天准备上线, 又不能一次写死,非常尴尬

阅读 4.1k
2 个回答
新手上路,请多包涵

遇到同样的问题,搞定了,谢谢楼主

新手上路,请多包涵

有可能是版本号的问题,value-map属性的版本要求是2.7.2,我项目是2.5.6的,更新一下版本就行了npm install vux@2.7.2

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题