在下面的代码中，site可以为null，但是如果存在，则company将不为null。当site为null时，如何很好地显示“-”，可以很好地缩放这些行中的1000行？
<tr v-for="obj in objs" :key="obj.id">
<td>{{obj.site.company.name || "-"}}</td> <!-- does not work -->
</tr>
我可以制定一个方法来做到这一点：
methods: {
handleNulls(obj) {
// logic
return "-";
}
}
但是，如果可以内联或使用过滤器，效果会更好。
最佳答案
尝试这个 ：
<tr v-for="obj in objs" :key="obj.id">
<td v-if="obj.site !== null">{{obj.site.company.name}}</td>
<td v-else>-</td>
</tr>
Documentation - conditional rendering