vue + table+element-ui 穿梭框效果

最新推荐文章于 2024-08-13 18:02:46 发布

code chage word

最新推荐文章于 2024-08-13 18:02:46 发布

阅读量6k

点赞数 2

分类专栏： Vue+elementUi

本文链接：https://blog.csdn.net/mibi8840/article/details/86556268

版权

本文介绍如何使用Vue.js和Element-UI库创建一个穿梭框组件。通过展示页面样式、JavaScript代码和CSS样式，详细阐述了实现这一交互功能的步骤。

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

页面效果：

1、页面的样式：

<template>
  <div>
    <el-col :span="11">
      <el-table
            :data="data1"
            border
            ref="selection" 
            @selection-change="checkAll"
            style="width: 100%">
            <el-table-column
              type="selection"
              width="30">
            </el-table-column>
              <el-table-column
                prop="date"
                label="日期"
                width="100"
                >
              </el-table-column>
              <el-table-column
                prop="name"
                label="姓