微信小程序56个民族数组选择器

wxml部份：

 <view class="section"><picker bindchange="bindPickerChange2" value="{{nationIndex}}" range="{{nationArray}}" range-key="name"><view class="picker" value='{{nationArray[nationIndex].name}}'>{{nationArray[nationIndex].name}}</view></picker></view>`

js部份：
data:{
nationIndex: 0,
nationArray:[
{
name:‘请选择民族’
},
{
id:‘01’,
name:‘汉族’
},
{
id:‘02’,
name:‘蒙古族’
},
{
id:‘03’,
name:‘满族’
},
{
id:‘04’,
name:‘朝鲜族’
},
{
id:‘05’,
name:‘赫哲族’
},
{
id:‘06’,
name:‘达斡尔族’
},
{
id:‘07’,
name:‘鄂温克族’
},
{
id:‘08’,
name:‘鄂伦春族’
},
{
id:‘09’,
name:‘回族’
},
{
id:‘10’,
name:‘东乡族’
},
{
id:‘11’,
name:‘土族’
},
{
id:‘12’,
name:‘撒拉族’
},
{
id:‘13’,
name:‘保安族’
},
{
id:‘14’,
name:‘裕固族’
},
{
id:‘15’,
name:‘维吾尔族’
},
{
id:‘16’,
name:‘哈萨克族’
},
{
id:‘17’,
name:‘柯尔克孜族’
},
{
id:‘18’,
name:‘锡伯族’
},
{
id:‘19’,
name:‘塔吉克族’
},
{
id:‘20’,
name:‘乌孜别克族’
},
{
id:‘21’,
name:‘俄罗斯族’
},
{
id:‘22’,
name:‘塔塔尔族’
},
{
id:‘23’,
name:‘藏族’
},
{
id:‘24’,
name:‘门巴族’
},
{
id:‘25’,
name:‘珞巴族’
},
{
id:‘26’,
name:‘羌族’
},
{
id:‘27’,
name:‘彝族’
},
{
id:‘28’,
name:‘白族’
},
{
id:‘29’,
name:‘哈尼族’
},
{
id:‘30’,
name:‘傣族’
},
{
id:‘31’,
name:‘傈僳族’
},
{
id:‘32’,
name:‘佤族’
},
{
id:‘33’,
name:‘拉祜族’
},
{
id:‘34’,
name:‘纳西族’
},
{
id:‘35’,
name:‘景颇族’
},
{
id:‘36’,
name:‘布朗族’
},
{
id:‘37’,
name:‘阿昌族’
},
{
id:‘38’,
name:‘普米族’
},
{
id:‘39’,
name:‘怒族’
},
{
id:‘40’,
name:‘德昂族’
},
{
id:‘41’,
name:‘独龙族’
},
{
id:‘42’,
name:‘基诺族’
},
{
id:‘43’,
name:‘苗族’
},
{
id:‘44’,
name:‘布依族’
},
{
id:‘45’,
name:‘侗族’
},
{
id:‘46’,
name:‘水族’
},
{
id:‘47’,
name:‘仡佬族’
},
{
id:‘48’,
name:‘壮族’
},
{
id:‘49’,
name:‘瑶族’
},
{
id:‘50’,
name:‘仫佬族’
},
{
id:‘51’,
name:‘毛南族’
},
{
id:‘52’,
name:‘京族’
},
{
id:‘53’,
name:‘土家族’
},
{
id:‘54’,
name:‘黎族’
},
{
id:‘55’,
name:‘畲族’
},
{
id:‘56’,
name:‘高山族’
},
]
},
//民族选择器方法
bindPickerChange2: function (e) {
console.log(‘picker发送选择改变，携带值为’, e.detail.value)
this.setData({
nationIndex: e.detail.value,
})
},

微信小程序56个民族数组选择器相关推荐

微信小程序更新二维数组中的对象或数组的属性值
微信小程序更新二维数组中的对象或数组的属性值,这里可能有两种情况 1.微信小程序更新二维数组中的对象的属性值更新二维数组中的某个对象的属性值,代码如下 js 代码 data: {familys:[{ ...
微信小程序全国高校多列选择器
使用微信小程序云开发完成,可以根据不同使用情况进行修改.以下皆为使用云开发预览效果图选择后显示效果第一步:picker 1.WXML: <picker mode="multiSe ...
微信小程序自定义picker多列选择器
需求说明使用 mpvue 实现自定义的 picker 多列选择器. 1.数据结构说明根据 picker 的数据特征,需要构造一个如下所示的数据结构.data数组中的三个元素,分别用于渲染 pick ...
微信小程序把缓存的数组动态渲染到页面
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 代码实现的目的:当页面销毁的时候,页面的参数状态还是能够保存. show_img函数实现: 创建一个数 ...
微信小程序,对象转换成数组
有问题可以扫码加我微信,有偿解决问题.承接小程序开发. 微信小程序开发交流qq群 173683895 . 526474645 : 正文: 对象转数组: var jiu = res.data.k ...
微信小程序遍历二维数组
在微信小程序中遍历二维数组,代码如下 data 中二维数组结构如下 data: {familys:[{familyName:'贾家', users: [{name:'贾宝玉'},{name:'贾元春' ...
【微信小程序】二维数组列表渲染
微信小程序官方文档主要是一维数组列表渲染的案例: Page({items: [{message: 'foo',},{message: 'bar'}] }) <view wx:for=" ...
如何创建二维数组微信小程序_微信小程序遍历二维数组
在微信小程序中遍历二维数组,代码如下 data 中二维数组结构如下 data: { familys:[ { familyName:'贾家', users: [ {name:'贾宝玉'}, {name: ...
微信小程序插值语法和数组变量检测踩过的坑
引言微信小程序用的是vue,但是又不同于vue,这就导致我们容易基于vue的思维来踩坑插值语法我当时尝试在wxml文件给插值语法的数据调用js内部的方法,但是显示的却是NAN,我查了一下,发现w ...

微信小程序56个民族数组选择器

微信小程序56个民族数组选择器

微信小程序56个民族数组选择器相关推荐

最新文章

热门文章