需求:根据后端返回的代码显示相对应的中文
html:
<span>{{ statusText[status] }}<span> //status:后端返回的状态码,statusText:前端转换成中文的对象
js:
<script>
export default {
data() {
return {
status: "", // 根据后端拿值
statusText: { // 替换
"1": "已读",
"2": "未读"
}
}
}
}
</script>
脱离后端调试:
前端将status的值改成“1”或“2”,即可查看结果。