首页 > 其他分享 >van-picker默认回显

van-picker默认回显

时间:2022-11-22 18:11:07浏览次数:47  
标签:picker van 回显 refs currentIndex statusColumns

 <van-field
            clickable
            name="XXXX"
            is-link
            readonly
            :value="statusValue"
            placeholder="请选择是否油库"
            @click="showStatusFn"
            :rules="[{ required: true, message: '请选择是否油库' }]"
          />
          <van-popup
           
            v-model="showStatus"
            position="bottom"
          >
            <van-picker
              ref="myPicker"
              show-toolbar
              value-key="value"
              :columns="statusColumns"
              @confirm="statusConfirm"
              @cancel="showStatus = false"
            />
          </van-popup>
 :lazy-render="false"
    showStatusFn () {
      let currentIndex = 0;
      for (let i = 0; i < this.statusColumns.length; i++) {
        if (this.form.deptType == this.statusColumns[i].key) {
          currentIndex = i;
        }
      }

      // setTimeout(() => {
      console.log(this.$refs.myPicker)
      this.$refs.myPicker.setColumnIndex(0, currentIndex);
      this.showStatus = true;
      // }, 100);


    },

 

标签:picker,van,回显,refs,currentIndex,statusColumns
From: https://www.cnblogs.com/dianzan/p/16916000.html

相关文章

  • vant 省市区
    将后端给的省市区转换为vant组件需要的省市区//获取省市区数据asyncgetAreaData(){letret=awaitgetArea();console.log(ret)letlist=ret......
  • MDH 前端周刊第 77 期:布局动画、Arrow JS、vanilla-extract、antd 5、dumi 2
    MDH前端周刊第77期:布局动画、ArrowJS、vanilla-extract、antd5、dumi2原创 云谦 云谦和他的朋友们 2022-11-2109:25 发表于浙江收录于合集#MDH:前端周刊81个......
  • vue3+vant移动端适配 px转换rem
    Vant中的样式默认使用px作为单位,如果需要使用rem单位,推荐使用以下两个工具:postcss-pxtorem是一款postcss插件,用于将px单位转化为remlib-flexible用于设置re......
  • P4556 [Vani有约会]雨天的尾巴 /【模板】线段树合并
    有一说一,雨天的尾巴我其实骂了很久。主要是题面之前一直没耐心读,然后后面在其他地方看到了形式化题意,就做掉了。其实感觉有很多题都比这玩意适合当板子,所以这个迟到的板子......
  • 2022 11 14 VAN Technical Proposal A
    Faraway.Goodmorning.Idon'tknow.Yeah,doyouthinkwehaveeverybodyinthecallfromeachsidetogetstarted?Ithinkwearecompleted.So,ifthecrossd......
  • PAT (Advanced Level) Practice——Social Clusters
    ​​题目​​​这是昨天的博客。(拆东墙补西墙。。)今天的博客将会在明天凌晨一点打完比赛后发。昨天在帮我的一位同学看题,所以就顺便谈谈这道题。这道题的解题思路还是很......
  • 手把手,完整的从0搭建vite-vue3-ts项目框架:配置less+svg+pinia+vant+axios
    项目同步git:https://gitee.com/lixin_ajax/vue3-vite-ts-pinia-vant-less.git  为避免赘述,过于基础的点会直接省略或贴图,比如创建文件夹/文件的路径/路由一类配置相......
  • 关于 vant 移动端的 rem 适配方案
    一、使用 lib-flexible 动态设置rem基准值(html标签的字体大小)(1)安装依赖:npmiamfe-flexible-D(2)在main.js中引入import'amfe-flexible'(3)最后......
  • NOTE_vanilla+typescript
    E:\song\threejs_learn\vite-project\index.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><linkrel="icon"type="image/svg+xml"......
  • el-cascader回显始终显示第一级的数据
    这个功能用了好多次,第一次遇到这么个问题,当有五级数据的,都能正常回显,多了一级后就没法正常回显了,  后来发现每一项的最后一层数据有重复数据,我当时也是抱着试试的心......