vue2.0在table中实现全选和反选的示例代码

<style scoped>
.container {
padding: 69px 0 54px 0;
}

table {
border-collapse: collapse;
border-color: transparent;
text-align: center;
}

.product_table,
.product_table tbody {
width: 100%
}

.product_table tr:first-child {
background: #ece6e6;
color: #e66280;
font-size: 20px;
}

.product_table td {
border: 1px solid #f3e8e8;
height: 62px;
line-height: 62px;
}

.product_table a.update:link,
.product_table a.update:visited,
.product_table a.update:hover,
.product_table a.update:active {
color: #1CE24A;
}

.product_table a.delete:link,
.product_table a.delete:visited,
.product_table a.delete:hover,
.product_table a.delete:active {
color: #ffa700;
}

.price_total_bottom {
font-size: 20px;
padding: 20px 10px;
}

.price_total_ms {
text-align: right;
}

.price_total_bottom .price_total_ms label {
margin-right: 100px;
}

.price_total_bottom .price_total_ms a {
cursor: default;
text-align: center;
display: inline-block;
font-size: 20px;
color: #fff;
font-weight: bold;
width: 220px;
height: 54px;
line-height: 54px;
border: 0;
background-color: #f71455;
}

</style>