uni-app 条件渲染v-if和v-else

光明有我VX16620122910

于 2021-05-30 18:55:13 发布

阅读量5.7k

点赞数 1

分类专栏： uni-app 文章标签： javascript vue

本文链接：https://blog.csdn.net/u011619323/article/details/117402493

版权

uni-app 专栏收录该内容

66 篇文章 1 订阅

订阅专栏

本文展示了Vue.js中如何使用v-if指令进行条件渲染，以及在模板中处理假值（false、0、空字符串、null、undefined、NaN）的情况。示例代码展示了一个根据类型变量[type]判断显示'A'、'B'、'C'或'NotA/B/C'的逻辑。

摘要由CSDN通过智能技术生成

假值（ false、0、""、null、undefined 、 NaN）

<template>
        <view>
            <view v-if="type === 'A'">
                A
            </view>
            <view v-else-if="type === 'B'">
                B
            </view>
            <view v-else-if="type === 'C'">
                C
            </view>
            <view v-else>
                Not A/B/C
            </view>
        </view>
    </template>
    <script>
        export default {
            data() {
                return {
                    type:'B'
                }
            }
        }
    </script>