美文网首页
van-picker中columns绑定数组对象的用法-van-

van-picker中columns绑定数组对象的用法-van-

作者: jesse28 | 来源:发表于2022-11-18 15:16 被阅读0次

参考链接:https://www.zhihu.com/question/509169405/answer/2292170011

 <!-- 案件来源 -->
        <van-field readonly clickable v-model="form.caseFromName" name="picker" label="案件来源" placeholder="请选择" @click="caseFromCodeShow = true" required :rules="[{ required: true, message: '请选择' }]" />
        <van-popup v-model="caseFromCodeShow" position="bottom">
          <van-picker value-key="label" show-toolbar :columns="caseFromColumns" @confirm="caseFromonConfirm" @cancel="caseFromCodeShow = false" />
        </van-popup>
caseFromColumns: [
        { label: '巡逻发现', value: '0' },
        { label: '投诉举报', value: '1' },
        { label: '重大舆情', value: '2' },
        { label: '专项巡查任务', value: '3' }
      ],
   // 案件来源点击确定
   caseFromonConfirm(e) {
     this.form.caseFromName = e.label
     this.form.caseFromCode = e.value
     this.caseFromCodeShow = false
   },`
image.png

相关文章

  • vue 数据渲染默认值 数据改变重新渲染

    组件 html

  • v-bind 及 class 与 style 绑定

    class的绑定 对象语法 数组语法 数组语法中可以使用对象语法 style的绑定 绑定内联样式与绑定class的...

  • angularjs ng-class使用方法

    angularjs 的class有三种用法1:通过$scope绑定(不推荐) 2:通过对象数组绑定 3:通过key...

  • Vue.js学习笔记

    样式绑定:1.class对象绑定 2.class数组绑定 3.内联style 对象绑定4.内联style 数组绑定...

  • vue:如何将一个对象渲染到一个表格中

    问题所在:难点主要在表格绑定的数据:data必须是数组类型,虽然试过将对象直接push到表格绑定的数组对象中,然后...

  • Vue 数组相关

    1.如何对数组进行插入或删除splice Vue数组中存对象 关于绑定方法,方法里面传递对象数据 js中数组如何进...

  • iOS杂碎2

    NSPredicate用法之一: 数组元素为对象时,通过对象的某个属性快速筛选出数组中的对象 关于NSPredic...

  • Class 与 Style 如何动态绑定?

    Class 与 Style 如何动态绑定? Class 可以通过对象语法和数组语法进行动态绑定: 对象语法: 数组...

  • Vue 学习脚步不能停歇

    Vue 中数组的响应式语法以及用法总结 .push 根据数据对象末尾插入数组对象内容this.names.push...

  • vue绑定class

    绑定class 绑定对象和绑定数组 的区别 绑定对象的时候 对象的属性 即要渲染的类名 对象的属性值对应的是 da...

网友评论

      本文标题:van-picker中columns绑定数组对象的用法-van-

      本文链接:https://www.haomeiwen.com/subject/qftvxdtx.html