vue 遍历两个数组 拼接字符串

        if (this.sciType.length>0) {
          let data = type&&type.split(',')
          // 先查找出两个数组符合的选项 放回一个新的数组
          let  filterarr = this.sciType.filter(sci=>{
            return data&&data.includes(sci.value+'')
          })
          // 遍历循环新数组 拼接字符串
          let string = ''
          filterarr.map(item=>{
            string+= item.name+ ','
          })
          // 判断截取最后一个逗号
          if (string.length > 0) {
            string = string.substr(0, string.length - 1)
          }
          return string
        }

先查找出两个数组符合的选项 放回一个新的数组

 let  filterarr = this.sciType.filter(sci=>{
            return data&&data.includes(sci.value+'')
          })

遍历循环新数组 拼接字符串

          let string = ''
          filterarr.map(item=>{
            string+= item.name+ ','
          })
 

判断截取最后一个逗号

if (string.length > 0) {
            string = string.substr(0, string.length - 1)
          }

页面调用：

        <template v-if="item.prop === 'journalType'">
              {{getjournalType(scope.row[item.prop])}}
            </template>

显示：