<template>
    <div class="warpper">
        <button @click="alert">test</button>
        <ul >
            <li  ref="lk" key="22">lk</li>
            <li  ref="lk" key="21">lk</li>
            <li v-for="i in 4" ref="li" :key="i">li</li>
        </ul>
    </div>
</template>

<script>
export default{
    methods:{
        alert(){
            var lk=this.$refs.lk
            var li=this.$refs.li
            console.log(lk)
            console.log(li)
        }
    },
}
</script>

打印結(jié)果：

問(wèn)題是：
為什么$refs獲取靜態(tài)的li元素只能獲取一個(gè)，而動(dòng)態(tài)的可以獲取多個(gè)，請(qǐng)大神指點(diǎn)