vux selector 数据错乱

发布于 2022-09-07 23:46:56 字数 657 浏览 11 评论 0

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源码下来直接复制在我的代码行里也是 第一张图那种情况
项目明天准备上线, 又不能一次写死,非常尴尬

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

余生共白头 2022-09-14 23:46:56

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

绝不放开 2022-09-14 23:46:56

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文