vue使用vant编辑用户性别

前端技术负责人

于 2020-07-21 08:52:41 发布

阅读量1.7k

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_43837268/article/details/107480306

版权

vue 专栏收录该内容

192 篇文章

订阅专栏

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