在mint-ui的picker组件中如何获取动态数据及 slots 的 values 为对象数组时的展示

在mint-ui中,当picker的数据来源为动态获取时,数据无法正常渲染。

补充:this.dataList通过api异步请求的,需在create生命周期中定义,否则picker无法获取

在mint-ui的picker组件中如何获取动态数据及 slots 的 values 为对象数组时的展示_第1张图片
请求不能写在method方法里,需要在computed才能渲染,下面直接贴代码
在mint-ui的picker组件中如何获取动态数据及 slots 的 values 为对象数组时的展示_第2张图片
在mint-ui的picker组件中如何获取动态数据及 slots 的 values 为对象数组时的展示_第3张图片

至此,picker获取动态数据就搞定啦。需要显示确定取消按钮的小伙伴,可以设置
:show-toolbar=“true” ,点击确定会取到当前选定值。 当slots 的values 为对象数组时,在picker中设置valueKey, 作为文本显示在 Picker 中的对应字段的字段名。
在mint-ui的picker组件中如何获取动态数据及 slots 的 values 为对象数组时的展示_第4张图片
如有错误请指正,今天刚填过坑,希望遇见同样问题的小伙伴可以顺利绕行

作者:Mushrooms
来源:SegmentFault
原文链接:https://segmentfault.com/a/1190000016181039

你可能感兴趣的:(javascript,vue.js,mint-ui,picker)