vue2.0中vue-cli实现全选、单选计算总价格的实例代码

<table&gt;

  <tr&gt;

    <td&gt;<input type="checkbox" v-model="checkAll"&gt;全选({{checkedCount}})</td&gt;

    <td&gt;产品名称</td&gt;

    <td&gt;价格</td&gt;

    <td&gt;数量</td&gt;

  </tr&gt;

  <tr v-for="(item,$index) in lists"&gt;

    <td&gt;<span v-show="checkedCount===lists.length || item.checked===true"&gt;我被选中</span><input type="checkbox" :value="item.id" v-model="checked" @click="currClick(item,$index)"&gt;</td&gt;

    <td&gt;{{item.productName}}</td&gt;

    <td&gt;{{item.price}}</td&gt;

    <td&gt;{{item.count}}</td&gt;

  </tr&gt;

  <tr&gt;

    总价：{{totalMoney}}

  </tr&gt;

</table&gt;