javascript - vue v-for的index如何轉換成對應的其他序列

Question

現在碰到這樣的情況：

想要展現這個形式，0,1,2,3換成ABCD，但index讀到的是0,1,2,3，求問這種情況怎麼解決呢

Answer 1

你可以把對應關係存起來，如下圖：

Answer 2

資料在渲染前做一次轉換

//转换数据
let option=['A','B','C','D']
// 原始数据
let data=[
    '看见厚大司考',
    '大叔大婶大所多',
    '大叔大婶大所大所多',
    '大叔大婶大所大多'
]

let newDatadata.map((item,index)=>{
    return option[index]+''+item
})
console.log(newData)