如何在el-table内嵌input输入框并做校验

核心代码逻辑：

input输入框配置：

form的数据和相关校验，注：prop用于表单域 model 字段，在使用 validate、resetFields 方法的情况下，该属性是必填的

 data() {
    return {
      isPreviewDialog: false, //预览弹出框是否展示
      tableData: [],
      historyData: [],
      rules: {
        displayCode: [
          { required: true, message: "请输入显示编号", trigger: "blur" },
        ],
      }, //校验规则
      form: null, //表单内容
    };
  },

获取默认data数据：

最后点击弹框的确认时需要做校验：