element-plus table组件,实现双击可编辑单元格,失去焦点,提交数据,支持下拉选择框选择。

vue3+element-plus在使用组件时,实现双击可编辑单元格,单元格使用input,失去焦点后,提交数据。支持下拉选择框选择。

主要内容:

  • 实现可编辑单元格支持输入框input支持下拉选择框
  • 实现失去焦点/回车,或者改变select时,保存数据。

实现功能如图:
element-plus table组件,实现双击可编辑单元格,失去焦点,提交数据,支持下拉选择框选择。_第1张图片