具体 Vue 代码演示:
test.vue
文件演示:
<template>
<!-- 方法一 -->
<div>
{{ test.data === 0 ? '男' : '女'}}
</div>
<!-- 方法二 -->
<div>
{{ test.data === 0 ? '男' : ''}}
{{ test.data === 1 ? '女' : ''}}
{{ test.data === 2 ? 'xxx' : ''}}
</div>
</template>
以上关于数据 test.data
是数字格式的动态数据显示,有两种实现方法可以实现,方法二的灵活性比较好(比较推荐)文章来源:https://www.toymoban.com/news/detail-708231.html
参考链接
1. Vue中动态展示数据的字典项文章来源地址https://www.toymoban.com/news/detail-708231.html
到了这里,关于关于实现 Vue 动态数据显示,比如数字 0 或 1 怎么显示为 男 或 女等等的动态显示实现方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!