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>

顯示：