vue实现分类目录效果


cateAll(){

this.classId=""; this.bus.$emit("classidchange", this.classId); this.flag=true; if(this.$route.query.id){ this.$router.push({path: '/weblist', query: {classid: this.classId}}) } }, setScale(val,index){ this.flag=false; this.currentIndex=index; this.classId=val.classId; this.bus.$emit("classidchange", this.classId); if(this.$route.query.id){ this.$router.push({path: '/weblist', query: {classid: val.classId}}) } },  
分类目录
  • 全部分类 ({{result}})
  • {{cate.className}} ({{cate.sum}})
  公用右侧组件 列表当前路由通过bus传送、接收当前classid this.bus.$on( "classidchange", function(e) { console.log(111, e); this.classId = e; this.getList(); }.bind(this) ); 详情通过路由跳转,传递当前classid  
vue