项目第二天图片分享列表

1.写页面渲染图片顶部分类
2.给顶部分类的ul加一个ref属性
3.在请求顶部分类的数据里计算ul的宽度

   let w = 60 * (this.imgCateList.length + 1)
        this.$refs.ulref.style.width = w + 'px'

4.请求数据

methods: {
    initimglist (id) {
      getimglist(id)
        .then(res => {
          console.log(res)
          this.imglist = res.message
        })
    }
  }

5.记得在钩子中

 initimglist (0) 

二。图片详情（图像预览插件）
网址https://github.com/LS1231/vue-preview
1.在main.js中引入

import VuePreview from 'vue-preview'
Vue.use(VuePreview)

2.在需要的地方

:slides="img" @close="handleClose"

3.请求数据成功

res.message.map(item => {
          item.msrc = item.src
          item.w = 600
          item.h = 400
        }