c-side-nav 侧边导航

c-side-nav 是一个侧边分类导航组件，通常用于分类页面的左侧导航。

基础用法

<template>
  <c-side-nav :keyProp="currentKey" @change="handleChange"></c-side-nav>
</template>

<script>
export default {
  data() {
    return {
      currentKey: ''
    }
  },
  methods: {
    handleChange(item) {
      this.currentKey = item.key
      console.log('选中:', item)
    }
  }
}
</script>

Props

参数	说明	类型	默认值
keyProp	当前选中的项的 key	String	''

依赖

该组件依赖 Vuex 中的 getProductPropertiesList getter 来获取分类数据。 数据结构示例：

[
  {
    key: 'Category',
    dataList: [
      { key: '1', value: '手机' },
      { key: '2', value: '电脑' }
    ]
  }
]

Events

事件名	说明	回调参数
change	点击侧边栏项触发	item对象