vant官网中的":columns"绑定的是一个一维数组,如:[1,2,3,3,4],但我们平常出现的都是一个对象数组,官网描述可能不好找到,解决方法:

添:value-key="name",name对应的数组对象中要渲染的键。

示范:

        <van-picker
          title="请选择所在地区"
          show-toolbar
          :columns="columns"
          value-key="name"
          @confirm="onConfirm"
          @cancel="show = false"
        />

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐