<!-- 筛选框 -->
<template>
  <div>
    <div @click="openPopup">
      <slot><van-button type="info" size="small">筛选</van-button></slot>
    </div>

    <van-popup
      ref="popup"
      v-model="showPopup"
      :closeable="popupCloseable"
      position="right"
      :style="{ height: '100%', width: '90%' }"
    >
      <div>123</div>
    </van-popup>
  </div>
</template>
<script>
export default {
  name: 'CsFilter',
  components: {},
  props: {
    // 参数配置
    config: {
      type: Object,
      default: {}
    },
    // 是否显示关闭图标
    popupCloseable: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      showPopup: false
    }
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {
    change() {
      this.$forceUpdate()
    },

    openPopup() {
      this.showPopup = true
    }
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {} //如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style lang="scss" scoped></style>
