vue this.$refs 动态拼接

业务需要，refs是不固定的

<vxe-grid ref='gridWarehouse' v-bind="gridWarehouseOptions" v-if="tableHeight" :height="tableHeight"
       :expand-config="{iconOpen: 'vxe-icon-square-minus', iconClose: 'vxe-icon-square-plus'}"
        @checkbox-change="gridWarehouseCheckboxChangeEvent" @checkbox-all="gridWarehouseCheckboxAllEvent"
        @toggle-row-expand="toggleExpandChangeEvent">
	<template #deliverDetailList="{ row ,rowIndex }">
		<vxe-table :ref="'tableWarehouse'+ row.deliverOrderCode" border :data="row.recRetDetailVoList"
			       align="center" style="margin-left: 40px" min-height="80"
			       @checkbox-change="tableWarehouseCheckboxChangeEvent"
			       @checkbox-all="tableWarehouseCheckboxAllEvent(row.deliverOrderCode)">
			<vxe-column type="checkbox" width="40"/>
		</vxe-table>
	</template>
</vxe-grid>
1
2
3
4
5
6
7
8
9
10
11
12
13

动态获取

//静态获取
const $gridWarehouse = this.$refs.gridWarehouse
//动态获取
const $tableWarehouse = this.$refs[`tableWarehouse${deliverOrderCode}`]
console.log($tableWarehouse)
1
2
3
4
5

结果打印