wx小程序-picker自定义性别

最新推荐文章于 2025-03-10 15:49:59 发布

小仙女de成长

最新推荐文章于 2025-03-10 15:49:59 发布

阅读量2.8k

点赞数

分类专栏：小程序

原文链接：https://www.jianshu.com/p/607bc184b0ed?utm_campaign=hugo

版权

小程序专栏收录该内容

19 篇文章

订阅专栏

register.wxml

 <view class="form-item list-msg">
            <text class="item_name">性别</text>
            <picker bindchange="pickSex" value="{{ gender }}" class="sex" range="{{ columns }}">
                <view>
                    {{ columns[gender] == "" ? "请输入性别" : "" }}{{ columns[gender] }}
                </view>
            </picker>
        </view>

register.js

Page（{
        columns: ["未知", "男", "女"],
       gender: 0 || wx.getStorageSync("gender") * 1,
}）

pickSex: function(e) {
       this.setData({
           gender: e.detail.value
       });
       // console.log("当前选择性别-sex", e.detail.value);
   },