关于实现 Vue 动态数据显示,比如数字 0 或 1 怎么显示为 男 或 女等等的动态显示实现方法

具体 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中动态展示数据的字典项

你可能感兴趣的:(Vue,vue.js,前端,javascript)