合并数组方法

combinArray(arr1,arr2){
  return arr1.map((item,key)=>{
      return {
          ...item,
          ...arr2[key]           
          }
})
}

将arr1，arr2两个数组合并，注意合并后相同字段名内的属性会被覆盖

combinArray1(arr){
  arr.forEach(vo=>{
     if(vo.xdtl){
        let xdtl = vo.xdtl;
        this.$set(vo,'xdtlbegDt',xdtl.begdbt);
        this.$set(vo,'xdtlawen',xdtl.awen);
        this.$set(vo,'xdtlashuai',xdtl.ashuai);
        this.$set(vo,'xdtlahao',xdtl.ahao);

}
});
      return arr
}

将数组中xdtl的对象中的值拼接到原数组，结构：[{},{},{},xdtl:{[]}]

let beginTime = new Date().getTime()  //获取开始时间

this.insurance.map(item=>{            //将需要判断时间的数组遍历
     this.$set(item,'dateshow',true)   //设置dateshow来控制日期是否展示
     if(!item.begindate){
            item.dateshow = false
        }
     if(item.begindate == ''){
            item.dateshow = false
        }
     if(item.endDate){
            let endTime = new Date(item.endDate).getTime() //将数组中的endDate转为时间戳
            this.$set(item,'dateTime',endTime)
            if(beginTime > item.dateTime){
            return item.dateshow = false;
            }
            if((item.dateTime - beginTime) > 15759360000){
               return item.dateshow = false;    //大于6个月隐藏  15759360000  6个月的毫秒数
            }
            if((item.dateTime - beginTme) <= 15759360000){
             return item.dateshow = true;
            }
        }

})

判断开始时间和结束时间是否满6个月，大于6个月图标隐藏，小于6个月显示图标

getParamas(arr){
  let str = '';
  for(let i=0;i<arr.length;i++){
    if(i != arr.length-1){    
        str = str + arr[i].index + ',' + arr[i].idnum + ',' + arr[i].code + ',' + '|'
        }else{
        str = str + arr[i].index + ',' + arr[i].idnum + ',' + arr[i].code + ',' 
        }
    }
        return str
}

处理请求接口入参 "index1,idnum1,code1|index2,idnum2,code2|code3,idnum3,code3"形式的入参

<van-checkbox name='all' @click=selectClickFun(item,'all',index)>
<van-checkbox name='min' @click=selectClickFun(item,'min',index)>  //html内容

//多选框选中取消
selectClickFun(item,type,index){
    if(item.checked.length == '2'){
         item.checked = [type]
        }
}

getlist(parama).then((res)=>{        //将多选框选入状态写入返回的list列表中
    this.list = res.data.list
    this.list = this.list.filter((item)=>{
        this.$set(item,'checked',[])
})
})

处理vant组件多选框选中取消

<van-collapse v-model="activeNames">
  <van-collapse-item name="1">
    <template #title>
     <div @click.stop=''>
      <div>标题1 <van-icon name="question-o" /></div>
     </div>
    </template>
    内容
  </van-collapse-item>
  <van-collapse-item title="标题2" name="2" icon="shop-o">
    内容
  </van-collapse-item>
</van-collapse>

export default {
  data() {
    return {
      activeNames: ['1'],
    };
  },
};

在<template #title>中设置一个div，将div设置阻止冒泡，使得点击div中内容不触发折叠筐

<van-popover
  v-model="showPopover[index]"
  theme="dark"
  trigger="click"
  :actions="actions"
>
  <template #reference>
    <van-button type="primary">深色风格</van-button>
  </template>
</van-popover>

export default {
  data() {
    return {
      showPopover: [],
      actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }],
    };
  },
};

showPopover写成数组，点中哪个展示点中的气泡弹出   调整气泡位置用:offset=“[0,8]”修改