zoukankan      html  css  js  c++  java
  • uni-app picker通用方法 多个picker公用一个bindPickerChange方法 通用的@change事件

    <picker id="pickerid" @change="pickerChange($event)" :value="aindex" :range="array" range-key="name" style="80px"> 红色部分为系统声明的变量 可以为多个 此处以列出一个picker
    <view class="">
    <text class="show-value">{{array[aindex].name}}</text>
    </view>
    </picker>

    pickerChange: function(e) {//通用picker方法自己添加内容
    var nowId = e.target.id;//当前picker的ID id需要自己设置 在picker中

    var value = e.detail.value;//当前picker选中的值
    switch (nowId) {//判断是哪个picker  如多个用switch  数量少时可用if
    case "pickerid"://第一个picker
    this.aindex = value;
    break;
    case "pickerid2"://第二个picker
    this.bindex = value;
    break;
    case "pickerid3":
    this.cindex = value;
    break;
    }

  • 相关阅读:
    CSS 层叠样式表
    一. 图论
    二. log4j配置文件
    三.注解
    3. Map与Tuple
    MappedByteBuffer读写文件
    2. scala中的数组
    1.scala语法
    二. 模式匹配
    一.算法的数学基础
  • 原文地址:https://www.cnblogs.com/sky-zky/p/12911693.html
Copyright © 2011-2022 走看看