Saya baru-baru ini menggunakan elementui untuk projek dan menghadapi beberapa masalah.
Keperluan: Selepas memilih kandungan segera, tetapkan nilai kepada id baris yang sepadan dalam jadual data (latar belakang memerlukan id untuk dihantar, bukan nilai input).
Soalan: Sarang jadual tersuai mempunyai input segera, dan API fungsi pilih disertakan dengan parameter Selepas saya menambah baris parameter tambahan, saya tidak boleh mendapatkan data semasa yang dipilih?
<el-table-column align="center" prop="futuresContractId" label="采购合约" width="120">
<template scope="scope">
<el-autocomplete
class="inline-input1"
v-model="scope.row.id"
:value="scope.row.futuresContractId"
:fetch-suggestions="querySearch"
placeholder="请输入"
:trigger-on-focus="false"
@select="handleSelect(scope.row)"
>
</el-autocomplete>
</template>
</el-table-column>
querySearch(queryString, cb) {
var restaurants = [
{id:2,name:"M1701",value:"M1701"},
{id:4,name:"M1705",value:"M1705"}
{id:8,name:"M1709",value:"M1709"}
];
var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
// 调用 callback 返回建议列表的数据
cb(results);
},
createFilter(queryString) {
return (restaurant) => {
return (restaurant.value.indexOf(queryString.toLowerCase()) >= 0);
};
},
handleSelect(row) {
console.log(row) //?这里可以把当前行row传过来,疑问是如何把选中的值id传给当前的row的id?
//如不带参数过来,默认参数就是选中的restaurants元素
},
Cara berfikir anda masih cara berfikir lama, dan tidak ada cara untuk menikmati
VueJS
.Autocomplete
组件,当你选择以后,直接就会把Value
赋值给你的v-model="scope.row.id"
的了。所以你的疑问疑问是如何把选中的值id传给当前的row的id?
Bukan soalan.Saya membuat laksana berdasarkan kod anda Sila lihat Jika pemahaman anda salah, sila nyatakan tepat pada masanya.
https://jsfiddle.net/j6toc479/3/