• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

uni-apphotoshopelect下拉菜单

武飞扬头像
lsklike
帮助1

1:先在DCloud插件市场找到

select-lay - DCloud 插件市场

2:引入组件到项目中直接使用即可

  1.  
    //因为uniapp没有自带的select,option,需要自己写原生js,不过我觉得太浪费时间就自己找了个插件,也就别人封装的原生组件我拿来用
  2.  
    //一个叫select-lay的简捷组件
  3.  
    <view class="paymode">
  4.  
    <select-lay class="seclectpaytype" :value="paytype" slabel="type" svalue="typeid" placeholder="请选择" :options="paymode" @selectitem="selectitem"></select-lay>
  5.  
    </view>
  6.  
     
  7.  
    //data
  8.  
    paymode: [{
  9.  
    type: '支付宝',
  10.  
    typeid: 3
  11.  
    }, {
  12.  
    type: '微信支付',
  13.  
    typeid: 4
  14.  
    }], //支付方式
  15.  
     
  16.  
    methods: {
  17.  
    selectitem(index, item) {
  18.  
    this.payChannelid = item.typeid;
  19.  
    console.log(this.payChannelid);
  20.  
    if (index >= 0) {
  21.  
    this.paytype = this.paymode[index].typeid;
  22.  
    } else {
  23.  
    this.paytype = ""
  24.  
    }
  25.  
    },
  26.  
    },
  27.  
    //value 类型String 默认展示的value值。slabel 类型String 默认值 label 自定义列表中键值对关系。svalue 类型String 自定义列表中键值对关系,该值对应valueoptions 类型Array 数据列表
学新通

学新通

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhhfjcce
系列文章
更多 icon
同类精品
更多 icon
继续加载