怎么对里面的两个el-input进行验证
原本的代码:
<el-table :data="groupSalesPriceTableDetail.relExtList" border">
<el-table-column align="center" width="200" >
<template slot-scope="scope">
<el-input v-model="scope.row.formulaMolecule"></el-input>
<span>/</span>
<el-input v-model="scope.row.formulaDenominator"></el-input>
</template>
</el-table-column>
</el-table>
我改后的代码:
<el-table-column align="center" width="200" label="单位转换基数" show-overflow-tooltip>
<!--<template slot-scope="scope" >-->
<!--<el-input style="width:40px!important;" v-model="scope.row.formulaMolecule" :disabled = 'scope.row.outerMaterialName==""' ></el-input>-->
<!--<span>/</span>-->
<!--<el-input style="width:40px!important;" v-model="scope.row.formulaDenominator" :disabled = 'scope.row.outerMaterialName==""' ></el-input>-->
<!--</template>-->
<template slot-scope="scope">
<el-form :model="scope.row" :rules="checkParamsRule" ref="scope.row">
<el-form-item prop="formulaMolecule">
<el-input v-show="true" v-model="scope.row.formulaMolecule"></el-input>
</el-form-item>
</el-form>
</template>
</el-table-column>
js部分:
data() {
var validateValueInput = (rule, value, callback) => {
console.log(1);
}
return {
groupSalesPriceTableDetail:{},
checkParamsRule:{
paramValue:[
{ validator: validateValueInput, trigger: 'blur' }
],
},
}
一样的 表格外面套一个form 就是有些自定义的验证的话可能就需要用render写了