vue的v-if简单使⽤，判断对象是否为空
场景：
vue的⼀个简单使⽤，v-if和js中判断⾮空字符串。
描述：
1）使⽤v-if、v-show标签
使⽤v-if取判断的使⽤是可以直接使⽤==去跟⼀个空值对⽐，当然这样⼦直接对⽐是可能存在问题的，然后我也看了⽹上挺多规避的⽅法的，我就不去试了。然后这边有⼀个注意的点是：使⽤v-if好像不能⽤ “!=” 这个来进⾏对⽐的，会报错，我也不知是什么原因。
<div v-if="alPage==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对象是否为空
这部分我是参考⼀个⽂章的，详情可看
vuejson转对象vue中有两个⽅法可⽤：
①将json对象转为json字符串，再判断是否为 “{}”
JSON.stringify(data)=='{}'
②使⽤
Object.keys(data).length==0

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。