v-if中需要先判断对象中的commeNum是否存在存在并且大于0才显示
1.将json对象转化为json字符串再判断该芓符串是否为"{}"
此方法是使用Object对象的getOwnPropertyNames方法,获取到对象中的属性名存到一个数组中,返回数组对象我们可以通过判断数组的length来判断此对潒是否为空
注意:此方法不兼容ie8,其余浏览器没有测试
与4方法类似是ES6的新方法, 返回值也是对象中属性名组成的数组
各位vue的前辈们想请问一下我这樣写v-if是对的吗?(目的:我是想通过v-if鉴定一个jason的数据集是不是空的如果不是空的就展示图标,否则就v-else就写解释说明no data P.S UspcChartData是通过vuex获取的)感謝各位解答。
感觉是对的。。。。
仔细一看原来是我将getElementById
用在了created()钩子函数中,这时Vue尚未完成挂载也就不能通过getElementById
获取Dom元素,故而控制台打印null
找到原因之后我将上述代码迁移到mounted()
钩子函数中,这时控制台打印出正确结果
虽然问题找到了,但是页面的渲染结果卻不能满足我的需求还得继续寻找办法。
本次bug主要是两个方面导致
v-if中需要先判断对象中的commeNum是否存在存在并且大于0才显示
prevent:文档上说了在事件后面加上 .prevent就可以阻止默认事件了
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。