鍍金池/ 問答/HTML5  HTML/ vue中實(shí)現(xiàn)JQ中的文檔樹遍歷和選擇器篩選功能

vue中實(shí)現(xiàn)JQ中的文檔樹遍歷和選擇器篩選功能

JQ中有這些很簡便的功能:

文檔樹遍歷: parent()
            parents()
            parentsUntil(selector)
            children()
            find()
            siblings() 
            next()
            nextAll()
            nextUntil()
            prev()
            prevAll()
            prevUntil()
 選擇器:    $(':input')  
            $(':text') 
            $(':radio')
            $(':checkbox')
            $(':password')
            $(':first')  
            $(':last') 
            $(':even')
            $(':bth-child(n)')
            $(':gt')
            

我在vue中想遍歷文檔樹和快速獲取節(jié)點(diǎn)只能用JS原生的方法,與JQ相較之下顯得很笨拙,靈活性簡便性實(shí)用性不強(qiáng)。
請(qǐng)問大神們平時(shí)用VUE開發(fā)項(xiàng)目時(shí),需要遍歷文檔樹、選取節(jié)點(diǎn)對(duì)象集合時(shí)是怎么做的。剛接觸VUE,確實(shí)很困惑,請(qǐng)大家指教。

自己的設(shè)想:是通過給節(jié)點(diǎn)綁定V-bind等指令,然后用數(shù)據(jù)來驅(qū)動(dòng)的嗎?

回答
編輯回答
心夠野

一般不用...用的時(shí)候$refs

2018年5月3日 22:33
編輯回答
不舍棄

大多數(shù)情況下不需要是不需要遍歷DOM也能實(shí)現(xiàn)你想要的需求,vue是mvvm,即view是由數(shù)據(jù)渲染的,所以說不應(yīng)該遍歷DOM,而是應(yīng)該遍歷生成這些DOM所需要的數(shù)據(jù)
一般是你需要寫一個(gè)ui組件式才需要去和DOM交互,但我覺得如果你有這個(gè)能力應(yīng)該也問不出這個(gè)問題

2018年7月12日 07:23