uni-apphotoshopelect下拉菜单

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 自定义列表中键值对关系，该值对应value。options 类型Array 数据列表

这篇好文章是转载于：编程之路