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

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.kler.cn/a/617809.html

相关文章:

  • Turtle事件处理(键盘与鼠标交互)
  • 算法 | 河马优化算法原理,公式,应用,算法改进及研究综述,matlab代码
  • 【UE5.3.2】初学1:适合初学者的入门路线图和建议
  • SQL IF(xxx, 1, 0) 窗口函数
  • Windows数字取证中ActivityCache(活动缓存)
  • 2025年CNG 汽车加气站操作工考试练习题库
  • Selenium文件上传
  • Error in torch with streamlit
  • IntelliJ IDEA创建Maven工程
  • C#里使用C#语言作为脚本运行的方法
  • 自动关机监控器软件 - 您的电脑节能助手
  • vmware 创建win10 系统,虚拟机NAT网络设置
  • 鸿蒙HarmonyOS NEXT界面如何一次开发多端部署
  • 【力扣hot100题】(012)最大子数组和
  • 力扣刷题1049. 最后一块石头的重量 II
  • No spring.config.import property has been defined
  • 改bug制造bug...
  • 我的编程之旅:从零到无限可能
  • git did not exit cleanly (exit code 128)处理方法
  • el-radio-group 中 el-radio-button value未能绑定上数值数据