新手跳坑系列《二十二》下拉框picker属性?三元运算符

2017-01-10

分享者:公众号:TITF
一:三元运算符设置失败的原因及解决方案

1、三元运算符正确写法

新手跳坑系列《二十二》下拉框picker属性?三元运算符



  • 如果我们把display设置为true,调试界面解析后的代码


新手跳坑系列《二十二》下拉框picker属性?三元运算符 

  • 如果我们把display设置为false,调试界面解析后的代码

新手跳坑系列《二十二》下拉框picker属性?三元运算符 



2、三元运算符错误写法

新手跳坑系列《二十二》下拉框picker属性?三元运算符



  • 无论我们如何设置display的值,调试界面解析后class的值是始终为空


新手跳坑系列《二十二》下拉框picker属性?三元运算符 

二:下拉框设置picker哪个属性?

1、picker写法

wxml文件


[html] view plain copy

  1. <picker bindchange="bindPickerChange" value="{{areaIndex}}" range="{{area}}">  

  2.     <view class="picker">  

  3.       当前选择:{{area[areaIndex]}}  

  4.     </view>  

  5. </picker>  

js文件



[html] view plain copy

  1. Page({  

  2.     data:{  

  3.         areaIndex:0,  

  4.         area:['北京','广州','上海','深圳']  

  5.     },  

  6.     bindPickerChange:function(e){  

  7.         this.setData({  

  8.             areaIndex: e.detail.value  

  9.         })  

  10.     }  

  11. })  


2、下来框设置picker哪个属性



  • value表示选中了picker列表中的第几项,默认为0,即选中第一项

  • range设置picker列表中值, 数据类型为数组

注:只需要设置picker的range属性和value属性的值即可




0
收藏