新手提问:vue中实现JQ中的文档树遍历和选择器筛选功能
发布于 3 年前 作者 clubadmin 1124 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

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中想遍历文档树和快速获取节点只能用JS原生的方法,与JQ相较之下显得很笨拙,灵活性简便性实用性不强。
请问大神们平时用VUE开发项目时,需要遍历文档树、选取节点对象集合时是怎么做的。刚接触VUE,确实很困惑,请大家指教。

自己的设想:是通过给节点绑定V-bind等指令,然后用数据来驱动的吗?

以下是一个简单的对比。求解答。

1
JQ一条语句实现对偶数span元素的获取并设置属性;

2
VUE实现相同的功能,需要为标签添加v-bind来绑定数据。(为求直观,没有用v-for书写span标签)。

以上例子提出的疑问:JQ一条语句实现了对某类集合的节点元素的获取,调用方法为这个集合设置样式。而vue只能用指令绑定某类集合的节点元素标签,修改data中的数据来设置样式。
相比之下,感觉vue有些笨拙,不够灵活!
我是新手,不知提供的vue写法是否是正常的写法,求大神们指教下。

回到顶部