vue循环的时候商品与商品不能有后面+按钮？

Question

如果没有礼物的话，商品与商品之内+按钮是正常的，但突然后面有了+按钮，这样是不应该的。如何怎么删除后面+按钮呢？jsfiddle：链接描述有问题如下：我想要的效果就是：JavaScript：var app = new Vue({  el: "#app",  data: {    list: [{      id: 1,      name: 'A',      goods: [{        name: "goods_a1"      }],      gift: [{        name: "gift_a1",      }]    }, {      id: 2,      name: 'B',      goods: [{        name: "goods_b1"      }, {        name: "goods_b2"      }],    }, {      id: 3,      name: 'C',      goods: [{        name: "goods_c1"      }, {        name: "goods_c2"      }, {        name: "goods_c3"      }],      gift: [{        name: "gift_c1",      }]    }]  }})HTML:<div id="app">  <div class="mui-row" v-for="item in list">    <div class="span-title-main">      <span class="span-title">{{item.name}}</span>    </div>    <br>    <ul>      <li>        <div class="mui-col" v-for="items in item.goods">          <span class="span-name">{{items.name}}</span>          <div class="addspan">+</div>        </div>        <div class="mui-col" v-for="itemss in item.gift">          <span class="span-name">{{itemss.name}}</span>        </div>      </li>    </ul>  </div></div>