wx小程序-picker自定义性别

作者: 倩仔6 | 来源:发表于2020-01-14 14:18 被阅读0次

性别

性别1

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>

<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);
   },

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

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

相关文章

网友评论

    本文标题:wx小程序-picker自定义性别

    本文链接:https://www.haomeiwen.com/subject/swfaactx.html