el-autocomplete组件传参
这里是我追加一条项目记录的时候,都会请求项目的接口,然后返回数据里包含了项目名&&&所属部门,现在是需要将值插入到对应的输入框中。
<el-table-column label="项目名称" align="center">
<template slot-scope="scope">
<el-autocomplete
size="mini"
v-model="scope.row.task"
:fetch-suggestions="projectSearch"
placeholder="请输入项目名"
@select="((item)=>projectSelect(item,scope))"
></el-autocomplete>
</template>
</el-table-column>
<el-table-column label="所属部门" align="center">
<template slot-scope="scope">
<el-input
size="mini"
disabled
v-model="scope.row.department"></el-input>
</template>
</el-table-column>
这里是选中@select事件传入一个参数,正常情况选中的就是自己定义的需要返回的值,例如我返回的就是
{
dept: "部门一",
value: "上海研发项目1"
}
这里是@select事件传入和传入的参数
select(event, params) {
params.row.department = event.dept;
}
scope.row.department(需要填入的值)的属性和传入event.dep参数属性t对应上
参考: https://www.cnblogs.com/yourName/p/10524870.html