更新记录
1.0.0(2023-07-05) 下载此版本
组件中用到的cusPopup组件已经发布https://ext.dcloud.net.cn/plugin?id=12396
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
drop-filter
下拉式筛选菜单
商城,团购常用的下拉式筛选菜单
属性说明
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
meunVisible | Boolean | true | 是否展示菜单 |
dataList | Array | [] | 菜单数据 |
使用示例
<button @click="openVisible">点击展示菜单</button>
<drop-filter :searchData.sync='searchData' v-model='visible'></drop-filter>
import dropFilter from '@/components/drop-filter/drop-filter.vue'
export default {
components: {
dropFilter
},
data() {
return {
visible:false,
searchData: {
min_price: '',
max_price: '',
cos_ratio: '',
cos_fee: '',
comment_score: '',
sort_field: '',
sort_order: ''
},
}
},
methods:{
openVisible(){
this.visible = true
},
},
watch:{
searchData(news){
console.log(news,'监听最新的值')
}
},
}
效果图
暂无