Vue中data块数据判断，假设属性sort值为数字类型0，使用if (this.sort)判断的解释说明。

最新推荐文章于 2024-03-10 21:21:16 发布

季-风

最新推荐文章于 2024-03-10 21:21:16 发布

阅读量410

点赞数 10

本文链接：https://blog.csdn.net/qq_32078625/article/details/136178698

版权

<body>
<div id="root">
    <button @click="me">点我</button>
</div>
<script>
    new Vue({
        el: "#root",
        data: {
            sort: 0,
        },
        methods: {
            me() {
                if (this.sort) {
                    console.log("abc")
                }
            }
        }
    })
</script>
</body>

首先说明if (this.sort)等同于if (this.sort !== 0 )
判断条件 if (this.sort)的值是否为真（就是非0），如果是真，则执行 console.log(abc)。
this.sort 的初始值为 0。根据 JavaScript 的类型转换规则，0 在条件判断中被视为假值（即false），因此
if (this.sort) 的条件判断结果为假，不会执行 console.log(abc)。
如果希望if (this.sort)的条件判断结果为真，可以将this.sort的初始值设置为非零的值。