uniapp之sl-filter下拉筛选

最新推荐文章于 2024-08-01 09:41:20 发布

ZKingP

最新推荐文章于 2024-08-01 09:41:20 发布

阅读量1.8k

点赞数

分类专栏： uniapp sl-filter 文章标签： uni-app

本文链接：https://blog.csdn.net/qq_37145715/article/details/117424924

版权

本文介绍了如何在uni-app中使用sl-filter组件进行下拉筛选操作。通过引用DCloud的sl-filter组件，结合示例代码和前端页面展示，阐述了组件的使用方法和传值方式。

摘要由CSDN通过智能技术生成

首先要引入sl-filter组件可以进入DCloud下载地址直接放上了

https://ext.dcloud.net.cn/plugin?id=381

样式如下：

前端页面如下：

 1 <template>
 2     <view>
 3         <sl-filter :ref="'slFilter'" :topFixed="false" :isTransNav="true" :navHeight="0" :color="titleColor"
 4             :themeColor="themeColor" :menuList="menuList" @result="results" @click="getTender"></sl-filter>
 5     </view>
 6 </template>
 7 
 8 <script>
 9     import slFilter from '../../components/sl-filter/sl-filter.vue';
10         
11     export default {
12         components: {
13             slFilter
14         },
15         data() {
16             return {
17