Multiple changes of table about this.$refs in ElementUI

Today, a magical phenomenon was found in using elementUi
when using tabled
use a table
< el-table ref= "table" > < / el-table >
when trying to print this.$refs.table, you can find

.

clipboard.png
this.$refs.table.clearSelection()
table


this.$refs.table1 this.$refs.table2

clipboard.png
at this time, we call this.$refs.table1.clearSelection ()
this.$refs.table2.clearSelection () to report an error.
call mode becomes this.$refs.table1 [0] .clearSelection ()
this.$refs.table2 [0] .clearSelection ()
I want to ask why bosses have such a change when multiple table exist. This.$refs.table changes from objects to arrays of objects

.
Feb.15,2022

when in v-for , it becomes an array

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3b250-2c261.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3b250-2c261.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?