el-table一行的数据提交到el-form上

一、

const rowClick = function(row){
	for (var k in state.base_Map) {
	    state.base_Map[k] = '';
	    if (row[k]) {
	        state.base_Map[k] = row[k];
	    }
	}
}

二、el-form验证提交的数据，数据为空不让提交

1、el-form的格式

<el-form :model="TestForm"  onsubmit="return false;" ref="TestFormRef" :rules="TestRules" >
	<el-form-item label="代码" prop="code">
        <el-input v-model="TestForm.code"></el-input>
	</el-form-item>
    <el-form-item label="名称" prop="name">
        <el-input v-model="TestForm.name"></el-input>
	</el-form-item>
</el-form>

注意验证时el-form-item上需要添加prop，不然验证无法成功。

TestForm的格式：

data() {
      return {
        TestForm: {
            code:'',
            name:'',
        },
    },

 form表单的保存方法：

 <el-button type="primary" @click="Save(TestFormRef)">保存</el-button>

2、验证规则

const TestFormRef = ref()
const TestValidate = (rule, value, callback) => {
    if (value === '') {
        callback(new Error('请填写'))
    } else {
        callback()
    }
}
const TestRules = reactive({
    code: [{ validator: TestValidate , trigger: 'blur' }],
	name: [{ validator: TestValidate , trigger: 'blur' }],
})

3、form保存时的方法

const Save = (formTs) =>{
    formTs.validate((valid) => {
        //里面是方法具体内容
    })
}