vant 구성 요소 Picker 선택 기 선택 문제

1.마스크 쓰기

2.데이터 정의

3.이벤트 쓰기

4.효과 도

vue 사용 vant 사용자 성별 편집
긴 말 안 할 게 요.그냥 코드 보 세 요~

<van-cell title="  " is-link :value="user.gender===1?' ':' '" @click="isEditGenderShow=true"></van-cell>
<!--        -->
  <van-action-sheet
   v-model="isEditGenderShow"
   :actions="actions"
   cancel-text="  "
   close-on-click-action
   @cancel="onCancel"
   @select="onGenderSelect"
  />
<script>
export default {
 name: "EditUserINfo",
 components: {},
 props: {},
 data() {
  return {
   
   isEditGenderShow: false,
   // name     ,value        
   actions: [{ name: " ",value: 1 }, { name: " ",value:0 }]
  };
 },
 watch: {},
 computed: {
  
 },
 methods: {
  onGenderSelect(data) {
   this.user.gender=data.value
   this.isEditGenderShow=false
  },
  
 },
 created() {},
 mounted() {}
};
</script>
이상 의 이 간단 한 이야기 vant 구성 요소 Picker 선택 기 선택 문 제 는 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.여러분 께 참고 가 되 고 저 희 를 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기