关于VUE的v-if失效的一种可能

Posted 风中的雪糕

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于VUE的v-if失效的一种可能相关的知识,希望对你有一定的参考价值。

页面上v-if一直不起作用, 直到我打印结果时....

            let item=data.page.list[1]
            console.info(item.zstp && item.zstp.length>5)
            console.info(item.zstp && item.zstp.length>5)
            console.info(item.zstp && item.zstp.length>5)

打印的结果:

由于js的 逻辑运算符不返回逻辑值而导致的错误.

console.info(!!item.zstp && item.zstp.length>5)

这种强转就能正常返回逻辑值

以上是关于关于VUE的v-if失效的一种可能的主要内容,如果未能解决你的问题,请参考以下文章

vue常用指令

element的el-table-column中有v-if是有solt失效

v-show 与 v-if区别

Vue 条件渲染

vue中v-show与v-if的区别

Vue基础之v-if和v-show的使用和特点