imagelist和imgshow跳转之间的参数传递

• 核心技术

1.home跳到imagelist
 

                       
                            
                            
图片分享
                       
        
2.imagelist跳到imgshow

        

            

                
                    
                    

                        
{{item.title}}
                        

                            {{item.zhaiyao}}
                        
                    
                
            
        
3.data里面放要的数据cates:[], // 存储分类数据， imagelist:[] // 存储图片数据
3.头上的分类数据，要实现滑动效果，全部是不变的，点击相应的标题得到对应id的图片
  滑动效果：.cate{
      max-width: 400px;
      overflow-x:auto;  --不隐藏，会有滚动条出来
      overflow-y:hidden; 
设置ul的宽度this.$refs.cateul.style.width=width+"px";
  }这样写在电脑上可以看到滚动条，但是在手机上面看不到
4.加载图片用了用mint-ui中的延迟加载组件
 
image[lazy=loading] {
    width: 100%;
    height: 300px;
    margin: auto;
  }
url的地址不全面，所以要遍历拼接地址
获取图片的途径是点击事件
{{item.title}}
5.初始化的时候就要先加载了
created(){
          this.getcates();
          this.getimagelist(0);
      }

• imagelist.vue