iview table列的批量选择

紫微前端

于 2023-11-15 10:52:52 发布

阅读量362

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/liuhao9999/article/details/134415249

常用代码片段专栏收录该内容

168 篇文章 ¥39.90 ¥99.00

订阅专栏

本文详细介绍了如何在iView UI库的Table组件中实现列的批量选择功能，包括设置复选框、监听全选事件、以及如何操作选中数据。通过JavaScript和iView提供的API，你可以轻松地为前端表格应用批量选择操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<link rel="stylesheet" type="text/css" href="http://unpkg.com/view-design/dist/styles/iview.css">
<script type="text/javascript" src="http://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
<script type="text/javascript" src="http://unpkg.com/view-design/dist/iview.min.js"></script>

<style>
    .ivu-table-filter-list-single li:first-child {
        display: none;
    }
</style>

<div id="app">
    <i-table border :columns="columns6" :data="data5">

        <template slot-scope="{ row,index }" slot="age">
            <i-select v-model="data5[index].age" style="width:200

了解本专栏