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

拇指一代
  • 290

image.png

mounted() {
        this.$nextTick(()=>{
            console.log(this.$refs.contentList)
        })
    },
回复
阅读 9.5k
3 个回答

v-for去做,拿到一个数组

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

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

document.querySelectorAll

宣传栏