Implement document tree traversal and selector filtering in JQ in vue

These simple features are available in

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")

I want to traverse the document tree and get the nodes quickly in vue only by using the native method of JS, which is clumsy compared with JQ, and its flexibility and simplicity are not very practical.
ask the gods what to do when they need to traverse the document tree and select a collection of node objects when developing projects with VUE. I am really confused when I first came into contact with VUE,. Please give me your advice.

my own idea: is it by binding instructions such as V-bind to a node, and then using data to drive it?

Javascript html5 vue.js

Mar.29,2021

is generally not used. When using $refs

in most cases, you don't need to traverse DOM to achieve the requirements you want. Vue is mvvm, that is, view is rendered by data, so you should not traverse DOM, but should traverse the data needed to generate these DOM
generally, you need to write a ui component to interact with DOM, but I don't think you can ask this question if you have this ability.

Previous: How to use the fs module in react?

Next: Spring boot multiple configuration files loading, unified loading

The video embedded in Youku on mobile cannot be played.
I use vue-cli to build the mobile project, and then use iframe to embed Youku s video code as follows <iframe width=100% height=350 src="http: player.youku.com embed XMzI1NTY2Nzc0MA==" frameborder=0 allowfullscreen>< iframe> th...

Javascript html5 vue.js

Feb.27,2021
Xiaobai asked, how to add an editable row to the ElementUI table?
as shown in the picture, I want to click the button to add a new line in which the Input box that was just released is editable and looks at the document as if there is no solution. Do you have any solutions? ...

Javascript html5 vue.js

Mar.02,2021
The address behind the vue: src is the local picture.
1. When using vue, there are many pictures in the local images tempbanner directory. When entering, a pageName, will be added to pageName as banner1; 2, and the image can be opened using ...

Javascript html5 vue.js

Mar.18,2021
Does vue implement data docking similar to alphabetically sorted address books?
as shown in the following figure, you need to achieve this effect: : ?,:HTML: js: I would like to ask if the gods have any more efficient methods? ...

Javascript html5 vue.js

Mar.19,2021
Canvas implements smearing a picture to generate a new picture.
1. Use vue combined with canvas to smear some of the contents of the picture and generate a new image which god can recommend the relevant plug-ins, or have a good solution ...

Javascript html5 vue.js html

Mar.19,2021
Click on the marker of Baidu Map to play the pop-up window component written by yourself. The component cannot be hidden and displayed using v-show.
in the vue project, I wrote a pop-up window component because the pop-up window style could not be changed. By clicking marker to show and hide it, I wanted to directly use v-show to show and hide, but to no avail. I think it s because there is somethi...

Javascript html5 vue.js

Mar.23,2021
ElementUI transfer added drag and drop to reorder?
problem description drag-and-drop function is added to el-transfer. Drag-and-drop sorting cannot be achieved by using plug-in vue-smooth-dnd, drag-and-drop option or shuttle sorting. the environmental background of the problems and what methods you ...

Javascript html5 vue.js

Mar.30,2021
After js formats the bank card number, delete or increase the cursor in the middle to move to the last bit.
this is input, because the actual saved data is different from the displayed data, so model is not used. Now it can be formatted normally, four spaces in one space, but now the problem is that when you place the cursor somewhere in the middle to delete ...

Javascript html5 vue.js

Apr.03,2021
Vue-cli, is running normally locally, but the resource cannot be found after packaging.
because of the need for the project, there are several folders and js files under my project file, and the project structure is about this . and there is another error, which is probably caused by not finding the file. How should I configure ? con...

Javascript html5 vue.js vue-cli

Apr.09,2021
Call questions similar to js functions split (), slice (), replace () in template template {{}}
after calling the background data interface, I forgot to deal with the date format returned in the background in the js code, and then the brain short circuit directly converts the data format in the < template > template. Split and replace can convert ...

Javascript html5 vue.js

Apr.09,2021
Automatic emptying of vue-cli console
my project is built with official vue-cli, but there is a problem when I debug in the console, the console often flashes the tag, and it flashes back and forth, and every time it flashes, it empties the data. I don t know what it is all the time, but ...

Chrome-extension chrome javascript html5 vue.js

Jun.03,2021
When rendering rich text with v-html in vue, how to bind events to the rendered child element DOM?
In vue, v-html is used to render rich text. How to bind events to the rendered child element DOM. The requirement is that there is a picture in the rich text. Click on that one and then pop up a rotation window to display from that one. But after vue mo...

Javascript html5 vue.js

Jul.06,2021
Vue transfers data to the background render page
there are two buttons, one is button and the other is form. When I click button, the data is sent to the background, but {{line}} is not rendered, but when I click form s View details button, {{line}} can render it? Why? the background code is a...

Flask django javascript html5 vue.js

Jul.20,2021
How do vue custom components respond to events in the parent component?
problem description I customized a cont component, then referenced it in another component A, and placed some content in the cont component. How do I define events? For example, click, my way of writing is not supported, what should the correct way of...

Javascript html5 vue.js web

Jul.20,2021
Why can't routes in sub-pages of multiple pages be accessed properly by vue-cli3?
for a multi-page project developed using vue-cli3, the configuration of pages is as follows: pages: { index: { entry: . resources src main.js , template: . resources public index.html , filename: in...

Javascript html5 vue.js

Aug.09,2021
Vue project iview reports an error after being packaged with view components
I used the iview plug-in in the vue project. There is no problem with iview components such as page,select, but the view components using Modal,Message will report errors. How should I solve this problem? this is because the view component in this.$Me...

Iview javascript html5 vue.js

Aug.12,2021
SetInterval is overwritten at execution time
click: () => { _this = this _this.scheduleName = params.row.name axios({ method: post , url: get_schedule , data: Qs.stringify({ schedule_start :params.row.name}) }).then(function (response){ _this.percentClock[_this.scheduleName...

Javascript html5 vue.js java typescript

Sep.16,2021
When editor.md writes a markdown file, how does the generated directory change with the scroll bar?
screenshot of Tencent Cloud api document official website vue editor.mdmarkdown ...

Javascript html5 vue.js vue-cli markdown

Sep.24,2021
How to write multiple projects in vue?
companies often have some activity pages. Then there is a series of processes for filling out the form. These are all projects that need to be authorized by the official account. does a new vue project be created every time for a project like this? it ...

Javascript html5 vue.js

Sep.30,2021
Asynchronous rendering of vue components
1. The function to be implemented requests a piece of html code through ajax to replace the img tag in the code with himg himg as a custom vue component used to add pictures to img to click to enlarge and handle failed image loading 2. The idea defi...

Javascript html5 vue.js

Dec.06,2021