若依 ruoyi 分离版 vue 简单的行内编辑实现
创始人
2025-01-16 06:06:17
0

需要实现的效果:双击文本  -  修改文本  -  保存修改。

 原码:仅文本显示文字内容

 实现双击文本、修改文本:

在上面源码基础上进行编辑,新增如下

修改后代码:

                      

​​​​​​​

行内文本框的双击事件、失去焦点/回车事件:

    startEditing(index, row) {       // 启用编辑模式:设置当前行的isEditing属性值为true,使用 this.$set 同步更新视图为文本框       this.$set(row, 'isEditing', true);     },     stopEditing(index, row) {       // 禁用编辑模式:设置当前行的isEditing属性值为false,使用 this.$set 同步更新视图为文本       this.$set(row, 'isEditing', false);       console.info(row);       console.info(row.id);       console.info(row.goodsId);       console.info(row.goodsName);       // 这里可以添加保存或其他逻辑       // 调用接口,更新数据      }

后端数据集合对象中,新增属性 isEditing

总体参考代码:

      

其他 

1. 想要一体版的,看这里 https://blog.csdn.net/torpidcat/article/details/101369733

2. vue-ele-editable   适用原生vue

https://github.com/dream2023/vue-ele-editable


 

相关内容

热门资讯

透视辅助!德州透视是真的假的,... 透视辅助!德州透视是真的假的,sohoo poker辅助器,可靠技巧(有挂攻略)1、德州透视是真的假...
透视辅助!wpk刷入池率脚本,... 透视辅助!wpk刷入池率脚本,(wpK)总是真的有挂(透视)刷入池率脚本(有挂技巧)1、下载好wpk...
辅助透视!aapoker辅助器... 辅助透视!aapoker辅助器是真的吗(透视)透视脚本下载(一贯是真的有挂);1、aapoker辅助...
透视透视脚本!wepoker手... 透视透视脚本!wepoker手机助手,(WEPOKER)果然真的是有挂(透视)辅助器安装包(有挂细节...
8分钟教程!家乡大贰安卓辅助挂... 8分钟教程!家乡大贰安卓辅助挂(辅助挂)详细教程(原来真的是有挂)1、首先打开最新版本,在首页我们可...
透视中牌率!如何下载德普之星辅... 透视中牌率!如何下载德普之星辅助软件, (德普之星)一直是有挂(透视)透视辅助(有挂工具)1、首先打...
透视最新!菠萝辅助器免费版的功... 透视最新!菠萝辅助器免费版的功能介绍,红龙poker作弊指令,德州论坛(有挂脚本);1、菠萝辅助器免...
透视辅助!wpk有那种辅助吗,... 透视辅助!wpk有那种辅助吗,(WpK)竟然存在有挂(透视)辅助软件(有挂详情);1、操作简单,无需...
透视下载!wepoker有没有... 透视下载!wepoker有没有透视方法,(wepoker)切实真的有挂(透视)辅助器安装包(有挂教程...
透视黑科技!aapoker怎么... 透视黑科技!aapoker怎么拿好牌(透视)ai插件(果然真的是有挂)1、该软件可以轻松地帮助玩家将...