鍍金池/ 問(wèn)答/HTML/ vue中獲取ul下的li標(biāo)簽個(gè)數(shù)為0

vue中獲取ul下的li標(biāo)簽個(gè)數(shù)為0

 <ul ref="menu">
    <li class="first-menu-item" v-for="(item, index) in menus">
        <a class="menu-item">{{ item.name }}</a>
    </li>
</ul>

在mounted鉤子函數(shù)中調(diào)用：this.$refs.menu.children，得到：


但是this.$refs.menu.children.length 的結(jié)果卻是0，什么原因？如果我想獲取li的個(gè)數(shù)怎么辦？
回答
編輯回答
愛(ài)礙唉

clipboard.png
看看menus啥時(shí)候有值吧

2017年4月23日 21:02
編輯回答
逗婦惱

都已經(jīng)用上了 vue 了, 就別還是用 dom 那一套了.

你的 li 用 menus 循環(huán)出來(lái)的, li 的個(gè)數(shù)不就是menus的length么. 直接 this.menus.length不行嗎

2017年10月7日 22:21