微信小程序上拉选择框，为其它时，变换为填写框。

最新推荐文章于 2022-11-13 23:38:07 发布

亚历山大海

最新推荐文章于 2022-11-13 23:38:07 发布

阅读量437

点赞数

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.csdn.net/weixin_44936767/article/details/106054803

版权

微信小程序专栏收录该内容

54 篇文章 6 订阅

订阅专栏

  <picker bindchange="bindPickerChange" value="{{multiIndex_pinpai}}" range="{{multiArray_pinpai}}">
    <view class="sanji">
      <text class="let">商品品牌：</text>
      <view wx:if="{{multiIndex_pinpai!=9}}" class="rit">//当不为“其它”也就是下标不为9时，执行一级联动
        <text class="pinpal">
        {{multiArray_pinpai[multiIndex_pinpai]}}
        </text>
        <image class='ico' src='../../images/member-tu0.png'></image>
      </view>
    </view>
  </picker>
  //否知执行表单
  <view wx:if="{{multiIndex_pinpai==9}}" class="viewKuang on1 viewKuang_1">
    <input bindinput='onBindInput' id='content_title' value='{{formDatas.content_title}}' placeholder="请填写商品品牌,例如：耐克-空军一号" maxlength="50" placeholder-class='placeholderClass'></input>
  </view>

Page({

  /**
   * 页面的初始数据
   */
  data: {
    switch1Checked:true,
    multiArray_pinpai: ['耐克', '阿迪', '匡威', '李宁', '彪马', '新百伦', 'Vans', 'AJ', 'Yeezy', '其它'], //存放地区    
    multiIndex_pinpai: 0,//默认是0，下标最大9
       },
	  bindPickerChange: function (e) {
    // console.log('picker发送选择改变，携带值为', e.detail.value)
    this.setData({
      multiIndex_pinpai: e.detail.value,
    })
  },
    })