我的AutoComplete组件是循环动态产生的,不确定有多少个,所以无法用v-model绑定值,只能用js 获取值和填入值。
<Table :columns="columnNames" :data="targetColumns" height="400" size="small" border>
<template slot-scope="{ row, index,column }" slot="action">
<AutoComplete :ref="row.column" size="small" :data="sourceColumns"
:filter-method="filterMethod" style="width:200px;">
</AutoComplete>
</template>
</Table>
在AutoComplete组件绑定refs,获取值
const obj = this.$refs;
console.log(obj[key].$data.currentValue); #key就是ref值
写入值:
const obj = this.$refs;
obj[key].$data.currentValue = value