En la última parte, mencioné que se usa la función de hacer clic para ingresar del formulario. La última parte usa el método de ranura. El método de ranura en realidad tiene ciertos defectos (el último método de ranura no puede seleccionar varios cuadros a la vez). ¡Compartiré con ustedes un pequeño editor para trabajar horas extras y aprender un poco para representar una función para todos!
Mi demanda es que el área de transacción de la línea actual del cuadro correspondiente en el cuadro anterior se marque en el cuadro de entrada. ¡Y para lograr la unión bidireccional del cuadro de entrada!
Mira el código:
<Table :width="contentWidth" :max-height="contentHeight-170" :columns="tableColumns" :data="tableData" @on-selection-change="selectRow">
</Table>
selectRow(params) {
this.selectData = params
let selectedTradableProject = {};
for (let index = 0; index < params.length; index++) {
selectedTradableProject = params[index];
}
this.selectedTradableProjects.push(selectedTradableProject);
},
{
title:'交易面积/公顷',
key: 'jymj',
minWidth:140,
render:(h,params)=>{
let num = 0
this.selectData.forEach(v=>{
if (v.id==params.row.id) {
num = 1
}
})
if (num == 1) {
return h('Input',{
props:{
value:params.row.jymj
},
on:{
"on-blur":(event) =>{
params.row.jymj = event.target.value;
}
}
}
)
} else {
return h("div",params.row.jymj)
}
}
},