van-picker默认回显

 <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);


    },

 

posted @ 2022-11-22 18:04  ThisCall  阅读(2533)  评论(0编辑  收藏  举报