div v-for="(item,i) in dataList" :key="i" class="wrapper">
<div class="top-title" :id="item.id">
<div class="name">{{item.product}}</div>
<div class="num">{{item.status}}</div>
</div>
</div>item.status是從后臺(tái)拿到的狀態(tài)碼，例如status是10，我要相應(yīng)地變成文字‘成功’，返回是20，我要相應(yīng)變成文字‘失敗’，用JQ的話(huà)可以渲染一個(gè)一個(gè)判斷，但是這種頁(yè)面渲染的話(huà)應(yīng)該怎么實(shí)現(xiàn)？有想過(guò)用ref獲取渲染出來(lái)的狀態(tài)碼，然后通過(guò)方法判斷，但實(shí)現(xiàn)起來(lái)還是有問(wèn)題，麻煩各位大佬賜教
2 回答
翻翻過(guò)去那場(chǎng)雪
TA貢獻(xiàn)2065條經(jīng)驗(yàn) 獲得超14個(gè)贊
通過(guò)方法
methods: { filter(key) { return status[key]
}
}//這樣子調(diào)用<div class="num">{{filter(item.status)}}</div>或者在獲取數(shù)據(jù)之后就遍歷一遍重新賦值一個(gè)新字段表示狀態(tài)
在data里面放置一個(gè)status
//這樣子調(diào)用<div class="num">{{status[item.status]}}</div>
大話(huà)西游666
TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超14個(gè)贊
用過(guò)濾器，判斷狀態(tài)碼返回相應(yīng)內(nèi)容，或者計(jì)算屬性
添加回答
舉報(bào)
0/150
提交
取消