时间戳

首页 > 解决方案 > 检查 vuejs 中的插值是否为空

javascript - 检查 vuejs 中的插值是否为空

问题描述

我有一个条件循环。如果 IF 条件为假数据未绑定，但如果插值为空，我想绑定一些值。

<span v-for="pai in paid">
       <b v-if="pai.bill_no==report.bill_no" >
            {{ +pai.paid + report.paid==='' ? (+pai.paid + report.paid) : data  }}
        </b>    
</span>

当值为空时，此处数据变量不打印。如果条件为假且插值值为空，我该如何打印？

标签： javascriptvue.js

解决方案

您可以使用v-else指令

new Vue({
  el:"#app",
  data:{
    paid:[
      {bill_no:1},
      {bill_no:2},
      {bill_no:3},
    ],
    report:{bill_no:2}
  }
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script>
<div id="app">
<div v-for="pai in paid">
       <b v-if="pai.bill_no==report.bill_no" >
            {{ +pai.paid + report.paid==='' ? (+pai.paid + report.paid) : 'data'  }}
        </b>    
        <b v-else>Something else</b>
</div>
</div>

推荐阅读