更新记录

1.0.0(2023-07-05) 下载此版本

组件中用到的cusPopup组件已经发布https://ext.dcloud.net.cn/plugin?id=12396


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

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,'监听最新的值')
    }
  },
}

效果图

暂无

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问