当前位置: 首页 > news >正文

vxe-table 设置单元格可编辑无效问题解决

官网的示例没说太清楚,调了许久,原本以为配置:edit-config="editConfig"和template #edit就行,一直没效果,后来发现是需要配置edit-render才有效果。备份一下,以备不时之需。

<vxe-table
  :data="tableData"
  :edit-config="editConfig"
  :edit-rules="editRules"
>
      <vxe-column field="skuName" title="商品名称" min-width="100"  />
      <vxe-column field="handlingMethod" title="处理方式" :edit-render="{}">
        <template #edit="{ row }">
          <el-select
            v-model="row.handlingMethod"
            @change="handleChange(row)"
            :disabled="!row.tempId"
            placeholder="请选择"
            style="width: 100%"
          >
            <el-option
              v-for="item in handlingMethodOption"
              :key="item"
              :label="item"
              :value="item"
            />
          </el-select>
        </template> 
      </vxe-column>
</vxe-table>



const editConfig = {
    trigger: 'click',
    mode: 'cell',
    showIcon: true,
    showStatus: true,
    autoFocus: false,
  }
http://www.dtcms.com/a/99865.html

相关文章:

  • 网络传输优化之多路复用与解复用
  • 流动的梦境:GPT-4o 的自回归图像生成深度解析
  • 聚焦应用常用功能,提升用户体验与分发效率
  • 桥接模式_结构型_GOF23
  • day17 学习笔记
  • Gateway实战入门(四)、断言-请求头以及请求权重分流等
  • Kafka 多线程开发消费者实例
  • 第四天 文件操作(文本/CSV/JSON) - 异常处理机制 - 练习:日志文件分析器
  • 【Python】基于 qwen_agent 构建 AI 绘画智能助手
  • Linux 文件存储和删除原理
  • Unity编辑器功能及拓展(2) —Gizmos编辑器绘制功能
  • Kafka消息丢失全解析!原因、预防与解决方案
  • 如何查看 SQL Server 的兼容性级别
  • 基于ruoyi快速开发平台搭建----超市仓库管理(修改记录1)
  • 《C++11:通过thread类编写C++多线程程序》
  • 编辑器场景视窗扩展
  • SpringBean模块(一)定义如何创建生命周期
  • 《C++Linux编程进阶:从0实现muduo 》-第6讲.C++死锁问题如何分析调试-原子操作,互斥量,条件变量的封装
  • 稻壳模板下载器(Windows):免费获取WPS稻壳模板的利器
  • Java中优先级队列的实现
  • 蓝桥杯备考------>双指针(滑动窗口)
  • 华为OD机试2025A卷 - 最大值(Java Python JS C++ C )
  • PyTorch 2.6.0没有对应的torch-sparse版本,不要下载pytorch最新版本,否则用不了图神经网络torch_geometric
  • vmware_unbantu刷新IP
  • EtherNet/IP转ProfiNet协议转换网关驱动西门子PLC与流量计的毫秒级压力同步控制
  • 洛谷题单1-P5706 【深基2.例8】再分肥宅水-python-流程图重构
  • MySQL单表查询、多表查询
  • linux实现rsync+sersync实时数据备份
  • Redis-快速入门
  • GPT Actions