Vue如何实现单选、全选、反选
Vue如何实现单选、全选、反选

Vue如何实现单选、全选、反选

<template>
  <div>
    <div><input type=”checkbox” v-model=”checkAll” />全选</div>
    <div><input type=”checkbox” @change=”inverse” />反选</div>
    <div class=”box” v-for=”(item, index) in list” :key=”index”>
      <input type=”checkbox” v-model=”model” :value=”item.value”/>
      {
{ item.label }}
    </div>
    <div>已选择:{
{ model }} 总价:{
{total}}</div>
  </div>
</template>

<script>
export default {

  data() {

    return {

      list: [
        {

          label: “Apple”,
          value: “apple”,
          price: 2.5,
        },
        {

          label: “

https://blog.csdn.net/BenChiZhuBaDaoWang/article/details/127887922

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注