vue 的v-if中判断某data的值是否存在，怎么判断

Question

<template v-if="">
<div>{{dataSourcePercentChart.data.result.commeNum}}</div>
</template>

v-if中需要先判断对象中的commeNum是否存在，存在并且大于0才显示

Answer 1

commeNum&&commeNum>0就行了吧？不存在是undefined就不走后面的判断了。
其实按照这个逻辑直接commeNum>0也行

Answer 2

那就是直接判断 v-if =' commeNum > 0 '

undefined > 0 → false 不渲染
null > 0 → false 不渲染

Answer 3

<template v-if="dataSourcePercentChart.data.result.commeNum && dataSourcePercentChart.data.result.commeNum > 0">
    <div>{{ dataSourcePercentChart.data.result.commeNum }}</div>
</template>

Answer 4

<template v-if="dataSourcePercentChart.data.result&&dataSourcePercentChart.data.result.commeNum&&dataSourcePercentChart.data.result.commeNum>0">