Vue2实现全选反选功能

最新推荐文章于 2024-04-10 09:38:03 发布

会撸串的傻狍子

最新推荐文章于 2024-04-10 09:38:03 发布

阅读量912

点赞数

分类专栏： Vue项目实战功能文章标签：前端 vue.js

本文链接：https://blog.csdn.net/L990614/article/details/122105945

版权

本文介绍如何在Vue2中实现全选和反选功能，通过简洁的代码示例展示具体实现过程。

摘要由CSDN通过智能技术生成

Vue2实现全选反选功能

注：代码未设置样式，只是一个简单的全选反选功能。
（废话不多说，上代码）

<template>
  <div class="container">
    <table>
          <tr v-for="(item, index) in demo">
            <td v-if="index === 0">
              <input
                type="checkbox"
                v-model="checked"
                @click="checkedAll()"
              >全选</input>
            </td>
            <td  v-if="index !== 0">