具体 Vue 代码演示:
test.vue
文件演示:
<template>
<!-- 方法一 -->
<div>
{{ test.data === 0 ? '男' : '女'}}
</div>
<!-- 方法二 -->
<div>
{{ test.data === 0 ? '男' : ''}}
{{ test.data === 1 ? '女' : ''}}
{{ test.data === 2 ? 'xxx' : ''}}
</div>
</template>
以上关于数据 test.data
是数字格式的动态数据显示,有两种实现方法可以实现,方法二的灵活性比较好(比较推荐)
参考链接
1. Vue中动态展示数据的字典项