vantUI 에서 piker 선택 값 을 가 져 오 는 사용자 정의 ID 동작

문제.
홈 페이지 에서 주 는 picker 예 는 모든 항목 이 문자열 일 수 있 지만 index 가 아 닌 모든 문자열 에 해당 하 는 사용자 정의 ID 를 되 돌려 주어 야 합 니 다.
vantUI 홈 페이지:picker
홈 페이지 예

<van-picker :columns="columns" @change="onChange" />

export default {
 data() {
  return {
   columns: ['  ', '  ', '  ', '  ', '  ']
  };
 },
 methods: {
  onChange(picker, value, index) {
   console.log('   '+value+ '    '+index);
  }
 }
};

해결 하 다.
현재 나의 요 구 는 선택 한 값 의 id 를 얻 는 것 입 니 다.이 index 를 원 하 는 것 이 아니 라 대상 배열 만 사용 할 수 있 습 니 다.홈 페이지 의 사용 하지 않 는 예 를 보 는 배열 중{text:'항주',disabled:true}은 각 줄 의 데이터 가 대상 이 고 표 시 된 부분 은 text 의 값 임 을 설명 합 니 다.
그럼 이 걸 로 하 자!

export default {
 data() {
  return {
  //   
   columns: [
    {"keyId":2,"text":"  1"},
    {"keyId":10,"text":"  2"},
    {"keyId":31,"text":"  3"}
   ],
   
  };
 },
 methods: {
  onChange(picker, value, index) {
   //     value      
   var keyId = value.keyId;
   var text= value.text;
   console.log('   '+keyId + '    '+text);
  }
 }
};

추가 지식:vantUI 시간 선택 기 는 선택 값 을 yyy-mm-dd 00:00:00 형식 으로 변경 합 니 다.
vantUI 시간 선택 기 기본 선택 값 은:

변경 후

코드 는 다음 과 같다.

<van-popup v-model="startTimeshow" position="bottom" :overlay="true">
   <van-datetime-picker
    @cancel="Cancel"
    @confirm="Confirm"
    @change="Change"
    v-model="currentDate"
    type="date"
   />
  </van-popup>

data() {
  return {
   currentDate: new Date()
  };
 }，
methods:{
Change（）{
console.log(this.currentDate);
 var date = this.currentDate;
   var seperator1 = "-";
   var seperator2 = ":";
   var month = date.getMonth() + 1;
   var strDate = date.getDate();
   if (month >= 1 && month <= 9) {
    month = "0" + month;
   }
   if (strDate >= 0 && strDate <= 9) {
    strDate = "0" + strDate;
   }
   this.currentdate =
    date.getFullYear() +
    seperator1 +
    month +
    seperator1 +
    strDate +
    " " +
    "00" +
    seperator2 +
    "00" +
    seperator2 +
    "00";
} 
}

이상 의 이 vantUI 에서 piker 선택 값 을 얻 은 사용자 정의 ID 작업 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 들 도 저 희 를 많이 사랑 해 주시 기 바 랍 니 다.