Java项目学习3

最新推荐文章于 2024-06-29 15:39:50 发布

MinJinFan

最新推荐文章于 2024-06-29 15:39:50 发布

阅读量183

点赞数

分类专栏： Java 文章标签：学习 vue.js elementui

本文链接：https://blog.csdn.net/qq_37264323/article/details/128781896

版权

Java 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

搜索栏

<div style="margin: 10px 0">
          <el-input style="width: 200px" placeholder="请输入名称" suffix-icon="el-icon-search"> </el-input>
          <el-input style="width: 200px" placeholder="请输入邮箱" suffix-icon="el-icon-message"> </el-input>
          <el-input style="width: 200px" placeholder="请输入地址" suffix-icon="el-icon-location-outline"> </el-input>
          <el-button class="ml-5" type="primary">搜索</el-button>
</div>

新增、批量删除、导入、导出

<div style="margin: 10px 0">
          <el-button type="primary">新增<i class="el-icon-plus"></i></el-button>
          <el-button type="danger">批量删除<i class="el-icon-minus"></i></el-button>
          <el-button type="primary">导入<i class="el-icon-bottom"></i></el-button>
          <el-button type="primary">导出<i class="el-icon-top"></i></el-button>
</div>

表格中增加“操作”列

<el-table-column label="操作">
            <template slot-scope="scope">
              <el-button type="success">编辑 <i class="el-icon-edit"></i></el-button>
              <el-button type="danger">删除 <i class="el-icon-delete"></i></el-button>
            </template>
</el-table-column>