热门标签
热门文章
- 1本地项目如何连接远程git库
- 2优化篇--vxe-table 大数据表格替代方案_vxetable性能
- 3Unity AssetBundle(2):工具UnityStudio_hitbox studio pro unity asset
- 4ChatGPT从入门到精通_chatgpt3.5 数据截止日期
- 5macOS - 安装配置使用 Cassandra_mac brew cassandra
- 6如何在Rstudio中使用Python_rsudio python
- 7Android Study之跳转自启动管理页_unflattenfromstring
- 8MySQL篇之主从同步原理
- 9Unity 船的控制_unity航海
- 10Java岗大厂面试百日冲刺 - 日积月累，每日三题【Day15】—— Spring框架1_大家好,我是陈哈哈,北漂五年
当前位置: article > 正文
vue使用elementui实现表格中上下移动功能_elementplus向上向下的箭头按钮
作者：盐析白兔 | 2024-02-19 11:57:18
赞
踩
elementplus向上向下的箭头按钮
直接上代码。
- <el-table :data='tableData' >
- ...
- ...
- <el-table-column label="操作" align="center" width="140" >
- <template slot-scope="scope">
- <el-button type="text" @click="upMove(scope.$index,scope.row)">上移</el-button>
- <el-button type="text" @click="upDown(scope.$index,scope.row)">下移</el-button>
- </template>
- </el-table-column>
- </el-table>
-
- export default{
- methods:{
- upMove(index, row) {
- if (index <= 0) {
- this.$message.error('不能继续向上移动')
- } else {
- const upData = this.tableData[index - 1]
- this.tableData.splice(index - 1, 1)
- this.tableData.splice(index, 0, upData)
- }
- },
- upDown(index, scope) {
- if (index === (this.tableData.length - 1)) {
- this.$message.error('不能继续向下移动')
- } else {
- const downData = this.tableData[index + 1]
- this.tableData.splice(index + 1, 1)
- this.tableData.splice(index, 0, downData)
- }
- }
- }
- }
声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop】
推荐阅读
相关标签
