如何獲取Vue中標簽的數量?我們可以通過Vue提供的$refs屬性來獲取。$refs是一個對象,它存儲了組件中所有被注冊過ref特性的子組件或元素。我們可以通過訪問$refs來獲取這些子組件或元素的實例。
Vue.component('my-component', { template: '<div><h1 ref="title">Hello Vue.js !</h1></div>', mounted: function () { console.log(Object.keys(this.$refs).length); //輸出1 } })
在上面的代碼中,我們定義了一個組件,它包含一個標題元素,我們給它添加了ref屬性。
在組件渲染完成后,mounted生命周期鉤子中,我們可以通過this.$refs.title來獲取這個元素的實例,然后使用Object.keys獲取這個$refs對象的所有屬性名,這里只有一個title,最后輸出其長度為1。
通過以上方法我們就可以獲取Vue組件中某個標簽的數量。