vue 遍歷兩個陣列 拼接字串
阿新 • • 發佈:2020-08-03
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>
顯示: