vue的v-if简单使用,判断对象是否为空

场景:

vue的一个简单使用,v-if和js中判断非空字符串。

描述:

1)使用v-if、v-show标签
使用v-if取判断的使用是可以直接使用==去跟一个空值对比,当然这样子直接对比是可能存在问题的,然后我也看了网上挺多规避的方法的,我就不去试了。然后这边有一个注意的点是:使用v-if好像不能用 “!=” 这个来进行对比的,会报错,我也不知是什么原因。

<div v-if="pageRespData.totalPage==0">
     <span v-if="param==''">暂时没有数据,快点录入吧</span>
     <span v-else>暂时没有检索数据,换个关键词试试</span>
</div>

顺便简单的记录一下我理解的v-show和v-if的区别:v-show是不符合条件的话,dom元素还在,但是不显示出来;v-if不符合条件的话,是没有dom元素的。像上面的代码段,如果v-if不符合的话,那么就没有那个div元素,使用v-show的话其实是还在的,但是没显示出来。
2)js文件中判断json对象是否为空
这部分我是参考一个文章的,详情可看链接
vue中有两个方法可用:
①将json对象转为json字符串,再判断是否为 “{}”

 JSON.stringify(data)=='{}'

②使用

Object.keys(data).length==0

你可能感兴趣的:(vue,vue.js,html5)