在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Python  HTML/ vue渲染數(shù)據(jù)的一點(diǎn)問題

vue渲染數(shù)據(jù)的一點(diǎn)問題

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)碼，例如status是10，我要相應(yīng)地變成文字‘成功’，返回是20，我要相應(yīng)變成文字‘失敗’，用JQ的話可以渲染一個(gè)一個(gè)判斷，但是這種頁面渲染的話應(yīng)該怎么實(shí)現(xiàn)？
有想過用ref獲取渲染出來的狀態(tài)碼，然后通過方法判斷，但實(shí)現(xiàn)起來還是有問題，麻煩各位大佬賜教

回答
編輯回答
撿肥皂
  1. 通過方法
methods: {
    filter(key) {
        return status[key]
    }
}

//這樣子調(diào)用
<div class="num">{{filter(item.status)}}</div>
  1. 或者在獲取數(shù)據(jù)之后就遍歷一遍重新賦值一個(gè)新字段表示狀態(tài)
  2. 在data里面放置一個(gè)status
//這樣子調(diào)用
<div class="num">{{status[item.status]}}</div>
2017年9月30日 07:48
編輯回答
涼汐

methods 定義一個(gè)方法，傳入狀態(tài)碼返回值是對應(yīng)文字就可以。應(yīng)該還可以靠 filter 實(shí)現(xiàn)。

2018年2月9日 11:48
編輯回答
傲寒

用過濾器，判斷狀態(tài)碼返回相應(yīng)內(nèi)容，或者計(jì)算屬性

2018年5月3日 09:09
編輯回答
浪蕩不羈
{{item.status === 10 ? '成功' : '失敗'}}
2018年4月3日 02:13