Vue v-if problem js dynamically create div setAttribute add v-if no response

problem description

vue v-if,jsdiv,setAttributev-if,

the environmental background of the problems and what methods you have tried

create div, dynamically through js, and then bind div to VMI if to add judgment conditions. True and false, can be seen in html but not hidden

related codes

/ / Please paste the code text below (do not replace the code with pictures)

 var newDiv =document.createElement("div")
 newDiv.setAttribute("v-if",pagedata[i]._Id===this.showPageBox)

what result do you expect? What is the error message actually seen?

is there a way to control

Html javascript vue.js

Dec.23,2021

content is inserted as normal HTML-not compiled as a Vue template
can be reconsidered by using components instead.

Why use js to create dom dynamically? You can just manipulate the data, or the elements in the array, and then loop and render it. I don't feel like following the idea of mvvm to develop!

the dynamic generation of js will certainly not work. It should be written in template

the core of vue is that MVVM, data drives the owner of DOM, buildings. This is not a best practice. As to why it does not take effect, it has been said on the first floor

Previous: DataTable.js fixed column and non-fixed column wrong row

Next: How to write this in table?

How to achieve automatic focus and jump in vue?
as shown in the figure, v-for generates input, in Vue. When the add button is clicked, the cursor automatically focuses on the latest input, window and automatically moves to the appropriate location! ...

Css html javascript vue.js

Feb.27,2021
For the problems in the self-made vue component library, please ask the boss for guidance.
the directory structure is as follows: : package.json : packagesindex.js: srcapp.vue solve. ...

Weex vuex html javascript vue.js

Mar.04,2021
Vue parent component tune child component method, status updated, but not applied
<template> <section v-show="bool">11< section> < template> <script> export default { data() { return { bool: false }; }, mounted() { }, methods: { aaa() { let that = this; ...

Html javascript vue.js

Mar.04,2021
How vue listens for out-of-focus events
first of all, the source code is like this input(v-model="num" @keyup="search") -sharp .prompt(v-show="lists!=0") -sharp .list(v-for="(i,n) in lists" :key="n") {{i.name}} how vue listens to let the...

Pug front-end html javascript vue.js

Mar.16,2021
Using the nuxt framework, after jumping with router-link, the page component does not display
using the nuxt framework, there are two pages An and B A page jumps to b page and transmits product information to B page via url The B page can get the information and copy it to the goodsList in data, but the page cannot render the page according ...

Html5 html javascript vue.js nuxt.js

Mar.23,2021
Use the better-scroll @ click event in vue to execute twice, and ask for your help to solve the problem.
Use the better-scroll @ click event in vue to execute twice, how to solve ...

Html javascript vue.js

Mar.24,2021
How to open attachments uploaded by rich text editor online by vue
now the interface returns http: 60.10.25.240 api commo., which is a link that you can download as soon as you visit it. You can download it with window.open, and you can t preview it with iframe. By the way, how can you open this online ? Visit and d...

Jquery html javascript vue.js

Apr.05,2021
Vue downloads excel and other files and realizes the download progress
problem description to implement the file download function, you can put the resource url into the a tag, but how to achieve the real-time progress of downloading (for example, a total of 800kb, 321kb downloaded in this second)? looked up some mater...

Html javascript vue.js

May.25,2021
Vue makes a tabbar, for handover problem.
now you need something exactly the same as the bottom tabbar. All you need is to click on one, change its image and background color to the selected style, and the rest will default. now that I ve done it, I can do this, but the process is really ug...

Html javascript vue.js

Jun.01,2021
On the problem of Vue dynamic binding v-model
question: there is a loop where deeplearning is a list of contents similar to [ lstm0 , lstm1 , gru0 ], but the content of the list changes as the user adds, so it is not fixed. I want to dynamically bind to the element of the list 1. I want t...

Node.js html5 html javascript vue.js

Jul.06,2021
Vue hangs a function in prototype to show that the call to refresh on another page is undefined, but jumping from another page to the called page does not report an error.
vue hangs a function in prototype to refresh another page and shows that the call is undefined, but jumping from another page to the called page does not report an error ...

Html javascript vue.js

Jan.25,2022
Why can't the table of iview be displayed?
according to iview s official document, table has been changed to i-table, but it still doesn t show the effect specific code: http: jsrun.net MAhKp edit 3 <link rel="stylesheet" type="text css" href="http: unpkg.com...

Html5 html javascript vue.js

Mar.22,2022
Why can't the table of iview be displayed?
according to iview s official document, table has been changed to i-table, but it still doesn t show the effect specific code: http: jsrun.net MAhKp edit 3 <link rel="stylesheet" type="text css" href="http: unpkg.com...

Html5 html javascript vue.js

Mar.23,2022
There are a lot of problems these days, because I'm confused about developing hybrid app, and I'd like to ask what needs to be done if vue and native interaction.
for example, is calling their encapsulated method the same as before? Encapsulate the method, and then write their encapsulated method in the method? what would a natively written method look like? ...

Android objective-c html javascript vue.js

Apr.06,2022
How to make multiple table switch selected state at the same time in vue
1. At present, the function you want to achieve is to select all the tables by default after the page has loaded multiple tables. Now ref is set up in every table created() "vod_table " Gods, ask for advice ...

Html javascript vue.js

May.25,2022
After a table in Vue modifies one item of data, how does another item change in real time?
A takeout software, using element-ui, the order is displayed with el-table, and each column of the table shows the name, quantity, and total price of the goods. Now you want to achieve: when you use el-input-number to dynamically modify the quantity, th...

Node.js html javascript vue.js

Jun.24,2022