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

鍍金池/ 問答/HTML/ vue里面復(fù)用代碼的問題

vue里面復(fù)用代碼的問題

像下面的這段代碼 其實(shí)就是一個(gè)span標(biāo)簽 只是判斷了不同的status 然后顯示的文本不一樣 有辦法寫得簡(jiǎn)單一點(diǎn)呢 不用寫這么多的標(biāo)簽和v-if 甚至還可以在別的.vue文件里用
圖片描述

回答
編輯回答
忘了我

寫個(gè)數(shù)組

[
    {
        status:2,
        statusText:'出借中'
    },
    ...
]

然后用v-for循環(huán)出來
或者更簡(jiǎn)單

statusTable={
    [2]:'出借中',//如果status是string類型的則是'2':'出借中'
    ...
}

html模版

<span>{statusTable[val.status]}</span>
2017年8月26日 14:52
編輯回答
離觴

在列表lendRecrod集合中,為每一個(gè)元素添加 statusText 屬性。值來源與 status

<td><span>{{val.statusText}}</span><span class="sp2" @click="lookDetail(val)">查看詳情</span></td>
2018年5月25日 17:39
編輯回答
老梗
statusText:{
  2:"出借中",
  3:"已投滿",
}

<span>{{statusText[val.status]}}</span>
2018年2月21日 04:07