微信小程序picker组件设置默认(多个picker情况)
需求描述:所有的picker组件都默认显示"请选择",当点击picker后弹出的才是选项内容
上篇文章中讲了只有一个picker组件的方法,这篇文章说说多个picker组件的方法。
先看图:
实现思路描述:
和单个的解决思路一样,
首先data{}中添加多个初始变量,有几个加几个,在用户选择这个组件的时候,通过一个三目运算,给picker组件中的value属性赋值,去判断这个变量的值,为null时,就显示请选择;为其他时,显示选项。
实现方式:
<!--wxml代码-->
<picker bindchange="bindYearPickerChange" value="{
{yearIndex}}" range="{
{yearArr}}">
<view>
{
{seleNull?yearArr[yearIndex]:'请选择年份'}}
</view>
</pi