亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

初學者用vue渲染表格時遇到的問題

初學者用vue渲染表格時遇到的問題

素胚勾勒不出你 2019-03-12 17:15:28
這些數據都是后臺傳過來的STATUS 為0表示為審核中STATUS 為1表示為正常STATUS 為2表示為鎖定狀態但我現在不知道該如何改為對于的中文,該怎么弄呀?<tr v-for="(item,index) in infoData">    <td>{{index+1}}</td>    <td>{{item.name}}</td>    <td>{{item.email}}</td>    <td>{{item.roleName}}</td>    <th>{{item.status}}</th></tr>
查看完整描述

5 回答

?
海綿寶寶撒

TA貢獻1809條經驗 獲得超8個贊

<th>{{item.status|statusFormat}}</th>

filters: {

    statusFormat: function(value) {

      return value === 0 ? '審核' : value === 1 ? '正常' : '鎖定'

    }

  }


查看完整回答
反對 回復 2019-04-01
?
慕妹3242003

TA貢獻1824條經驗 獲得超6個贊

過濾器 — Vue.js

使用過濾器即可


查看完整回答
反對 回復 2019-04-01
?
小唯快跑啊

TA貢獻1863條經驗 獲得超2個贊


寫一個map


<tr v-for="(item,index) in infoData">

    <th>{{statusMap[item.status]}}</th>

</tr>


data(){

    return {

        statusMap:{

            0:"審核中",

            1:"正常",

            2:"鎖定"

        }

    }

}


查看完整回答
反對 回復 2019-04-01
?
侃侃爾雅

TA貢獻1801條經驗 獲得超16個贊

全局的filter,可用于所有組件


{{ scope.row.paragraph | time}}


Vue.filter('time',function (params) {

     params = params ? params.slice(0,[10]):params

    return params

})


查看完整回答
反對 回復 2019-04-01
  • 5 回答
  • 0 關注
  • 1022 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號