1:先在DCloud插件市场找到
select-lay - DCloud 插件市场文章来源:https://www.toymoban.com/news/detail-659285.html
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://www.toymoban.com/news/detail-659285.html
到了这里,关于uni-app中select下拉菜单的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!