uniapp下拉选择菜单

在 filterData 筛选列表中为需要选中的项添加 checked: true 即可，checked 不存或 checked：false 则不选中

const filterData = [{ name: '价格', type: 'radio', submenu: [{ name: '200-300', },{ name: '500-600', checked: true //默认选中 }] }] 使用

从uniapp插件市场导入

<template> <view class="index"> <drop-down :filterData="filterData" @confirm="confirm"></drop-down> </view> </template>

<script> import data from '@/common/data.js'; //筛选菜单数据 export default { data() { return { filterData: [], }; }, onLoad() { this.filterData = data; }, methods: { confirm(e) { // 返回值为一个数组 console.log('eeee', e); }, }, } </script> 描述

组件内部使用scss进行书写样式，主题色是使用根目录下的uni.scss中的 $uni-color-primary，使用HBuildX创建uniapp项目之后根目录下会自动创建uni.scss文件，如需修改主题色可以使用快捷键 Ctrl+F 输入 $uni-color-primary 并选择 本插件目录名称 drop-dowm 全部替换即可。

可选参数属性列表

参考 HM-filterDropdown 下拉式筛选菜单