vue中设置两个相同的ref 为什么获取的是最后一个，如何获取所有

Question

mounted() {
        this.$nextTick(()=>{
            console.log(this.$refs.contentList)
        })
    },

Answer 1

用v-for去做，拿到一个数组

Answer 2

ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例。

如你的代码中，就是引用指向了DOM元素，此时第二给相同的ref，相当于就改变了已有的注册信息，就被后面的覆盖了

Answer 3

document.querySelectorAll