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-item上需要添加prop,不然验证无法成功。

TestForm的格式

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

 form表单的保存方法:

 保存

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) => {
        //里面是方法具体内容
    })
}

你可能感兴趣的:(vue.js,javascript,ecmascript)