簡単にvantコンポーネントPickerの選択問題を話します。
1.カバーを書く
2.定義data
3.事件を書く
4.効果図
知識を補充します：vueはvantを使ってユーザーの性別を編集します。
余計なことを言わないで、コードを見てください。
2.定義data
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>