0


uni-app中select下拉菜单

1:先在DCloud插件市场找到

select-lay - DCloud 插件市场

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

//因为uniapp没有自带的select,option,需要自己写原生js,不过我觉得太浪费时间就自己找了个插件,也就别人封装的原生组件我拿来用
//一个叫select-lay的简捷组件
<view class="paymode">
    <select-lay class="seclectpaytype" :value="paytype" slabel="type" svalue="typeid"         placeholder="请选择" :options="paymode" @selectitem="selectitem"></select-lay>
</view>

//data里
paymode: [{
    type: '支付宝',
    typeid: 3
}, {
    type: '微信支付',
    typeid: 4
}], //支付方式

methods: {
    selectitem(index, item) {
        this.payChannelid = item.typeid;
        console.log(this.payChannelid);
        if (index >= 0) {
            this.paytype = this.paymode[index].typeid;
        } else {
            this.paytype = ""
        }
    },
},
//value 类型String  默认展示的value值。slabel 类型String 默认值 label 自定义列表中键值对关系。svalue  类型String  自定义列表中键值对关系,该值对应value。options  类型Array 数据列表


本文转载自: https://blog.csdn.net/lsklike/article/details/126385844
版权归原作者 lsklike 所有, 如有侵权,请联系我们删除。

“uni-app中select下拉菜单”的评论:

还没有评论