2021-07-08

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