wx小程序-picker自定义性别

性别

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 组件化的项目开发中,组件应当划分为三个层次:组件、模块、页面微信小程序已经为开发者封装好了基础组件,页面文件(pa...
    tree_book阅读 5,821评论 0 2
  • 与页面(Page)相似,组件也由json、wxml、wxss、js四个文件组成。 与页面不同的是,需要在组件对应的...
    foolchen阅读 1,615评论 0 1
  • wxs 一种类似于js的小程序脚本语言。注意; wxs 文件不依赖于运行时的库。 wxs 与js是另外一门语言。 ...
    小小小8021阅读 2,401评论 0 2
  • 好吧,突然发现学不完了,一下子,那就分开吧,由于时间太久,直接重新大致复习了一下 微信小程序自定义组件微信小程序支...
    小小小8021阅读 2,622评论 0 9
  • 仙人掌,外刚内柔之心。在造物之初,仙人掌是世界上最柔弱的东西,她娇嫩如水,稍一触碰便失去了生命。上帝不忍,在她的心...
    小可爱_3ff6阅读 343评论 0 0