vue+js实现微信上传图片选择功能_vue.js_

data() {     return {       initial:0, //设置选中初始值 作为最终选择几个依据       imgList:[ //初始数据         {url:'',state:false,serial:'',},         {url:'',state:false,serial:'',},         {url:'',state:false,serial:'',},         {url:'',state:false,serial:'',},         {url:'',state:false,serial:'',},       ]     };   },

if(!item.state){ //开始未选中         //点击选中,改变当前项的选中状态 设置为true          item.state = true         // 选中初始值 +1         this.initial++         // 当前项赋值=设置初始值         item.serial = this.initial       }```

else { //选中下点击取消（状态值为true时点击）         // 改变当前项选中状态为false         item.state = false         // 设置一个空值 用于接受最终几个值选中 用于更改选中初始值         let xuanzhong = 0         // 跑循环去自减         this.imgList.forEach((items,index) => {           // items = 循环所需要的每一项           if(items.serial>item.serial){ //判断 当前点击的选中值 和 数组中所有选中值做对比             // 数组中的选中值 大于 当前选中值 数组中大于的值自减1             items.serial--           }           if(items.state){//判断数组选中状态用于统计             // 有选中则 设置控制自+1             xuanzhong ++           }         })         // 给选中初始值 赋值         this.initial=xuanzhong         // 当前选中值清空         item.serial = ''       }