vue图书价格计算，全选效果等demo

vue图书价格计算demo

效果图：

代码：
html:

<template>
  <div class="bookprice">
    <table class="booktable">
      <tr>
        <th>
          <input type="checkbox"
                 @click="checkAll($event)">全选
        </th>
        <th>本书编号</th>
        <th>图书</th>
        <th>书名</th>
        <th>数量</th>
        <th>单价</th>
        <th>总价</th>
        <th>本书作者</th>
        <th>删除</th>
      </tr>
      <tr v-for="(pro,index) in proList"
          :key="index">
        <td>
          <input type="checkbox"
                 class="checkItem"
                 @click="selectPro(pro,$event)">
        </td>