常用JS方法

1.多级分类菜单

例子:(用到截取数组,以及获取某个数组)

new Vue({
 data(){
     return{
       searchMap: {parentId:0},//初始化查询条件,初始化为一级菜单分类(0为一级菜单)
      parentIds:[] //定义一个记录分类父级Id的数组  
     }
   }    
}),
methods:{
queryByParentId(parentId){
            //做记号
            this.parentIds.push(this.searchMap.parentId);//将父Id存进数组
            this.searchMap.parentId =parentId;//将查询条件封装,实际作用:将父id为parentId的数据查出
            this.fetchData();//带searchMap刷新数据
        }
},

        returnQuery(){//返回上级菜单函数
            if(this.parentIds.length>0){//父id数字大于0才返回
                this.searchMap.parentId =this.parentIds[ this.parentIds.length-1 ]//获取父id
                this.parentIds.splice( this.parentIds.length-1,1  ) //删除数组最后一个元素
                this.fetchData()
            }
        }
Last modification:November 5th, 2019 at 08:16 pm

Leave a Comment