mkx2723的博客

目录需求概述完整代码结果图需求概述表头和表格数据都来自于后台，在表格的最后一列加上操作列，操作列中存放编辑和删除按钮，当表格行处于编辑状态时，按钮变为保存和修改按钮。关于编辑状态的切换参考自： 链接.完整代码<template> <el-container class="fillcontain"> <el-main> <el-row> <el-col :span="24" ref="right">

<template> <div> <el-form ref="form" :model="form" :rules="form_rules" style="margin:10px;width:auto;"> <el-row> <el-col :span="12"> <el-form-item prop='name' label="名字:

目录要求完整代码要求表头来自于后台，这里用本地data模拟一下完整代码<template> <div> <el-row> <el-col :span="8"> <el-table :data="tableData" style="width:100%" align="center" border> &l

目录简单看看el-transfer穿梭框实现思路完整代码简单看看el-transfer穿梭框这是一个简单的el-transfer穿梭框，截图自element官网 link列表1为待选数据，列表2为已选数据，通过选中列表中的数据，点击左移或右移按钮，就可以进行数据的选择和取消选择了。要注意的是，列表1和列表2的数据其实来源于同一个数组对象，列表1是全部的数据列表，列表2是从列表1中选出来的，这很好理解。但是在实际应用中，有可能需要根据搜索条件的不同，左边的数据是在不断变化的。比如从后台传来的数据要分类