uniapp左右联动筛选

uniApp是一个基于Vue.js的跨平台应用开发框架，它允许开发者构建一次代码，发布到iOS、Android等多个平台上。对于左右联动筛选（通常称为侧滑菜单或二级导航），uniApp提供了一种简单的方式来实现。你可以通过`<van-cell>`组件配合`van-collapse`组件来创建这样的效果：

<template>
  <view>
    <!-- 左边主列表 -->
    <van-cell title="分类一" value="内容一">
      <!-- 更多操作 -->
      <van-button type="primary" @click="toggleFilter">更多</van-button>
      <!-- 当点击更多时展开侧滑筛选 -->
      <van-collapse v-model="filterVisible">
        <!-- 右边筛选列表 -->
        <van-cell title="筛选条件一" value="筛选一"></van-cell>
        <van-cell title="筛选条件二" value="筛选二"></van-cell>
      </van-collapse>
    </van-cell>
  </view>
</template>

<script>
export default {
  data() {
    return {
      filterVisible: false,
    };
  },
  methods: {
    toggleFilter() {
      this.filterVisible = !this.filterVisible;
    }
  },
};
</script>

在这个例子中，当用户点击“更多”按钮时，`filterVisible`数据会切换，控制`van-collapse`组件的显示与隐藏，从而实现左侧列表和右侧筛选列表之间的联动。