this.tableData.push(你的后台请求的数据);
如果你要往表格的下拉框动态添加数据,页面写法如下
<form id="vueForm">
<div>
帐单编号: <el-input id="billRefNo" style="width: 200px;" v-model="input" placeholder="请输入内容"></el-input>
<el-button type="primary" round @click="getTuoShou()">查询托收帐单</el-button>
</div>
<template>
<el-table ref="multipleTable" :data="tableData" style="width: 100%" tooltip-effect="dark" show-summary @selection-change="handleSelectionChange">
<el-table-column
type="index"
sortable
width="50">
</el-table-column>
<el-table-column prop="billRefNo" label="帐单编号" sortable width="180"></el-table-column>
<el-table-column prop="amount" label="金额" sortable width="100"></el-table-column>
<el-table-column label="请选择" width="180">
<template #default="{row}">
<el-select v-model="row.value" @change="changeRole">
<el-option v-for="item in row.selectValueList"
:key="item.responseCode"
:label="item.displayValue"
:value="item.responseCode">
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="custBankAccName" label="客户户名" sortable width="150"></el-table-column>
<el-table-column prop="telBankAcct" label="客户账号" sortable width="200"></el-table-column>
<el-table-column prop="acctId" label="分账序号" sortable width="180"></el-table-column>
<el-table-column prop="statusCd" label="托收状态" sortable width="180"></el-table-column>
<el-table-column prop="remark" label="备注" width="180">
<template #default="{row}">
<el-input
type="textarea"
:rows="1"
placeholder="请输入内容"
v-model="row.textarea">
</el-input>
</template>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
width="120">
<template slot-scope="scope">
<el-button
@click.native.prevent="deleteRow(scope.$index, tableData)"
type="text"
size="small">
移除
</el-button>
</template>
</el-table-column>
</el-table>
<el-button type="danger" plain @click="submit">退票返销帐</el-button>
</template>
</form>
vue添加数据的方法如下,object.assign的用法自行百度
response.data.bankAgentSendModels[0]是我后台请求的表格数据
response.data.eftResponseCodeRefModel是我后台请求的下拉框数据
selectValueList 我要遍历的集合名字
value 看一下表格,我给下拉框的model加了value
this.tableData.push(Object.assign(response.data.bankAgentSendModels[0],{value:'',selectValueList:response.data.eftResponseCodeRefModel}));