when rendering with data v-for
this is the content
both have for loop rendering data
if two are loaded at the same time, the browser will collapse, and the amount of data is not about 20
if you comment out the content first, load the navigation bar, and then remove the comments, it will work normally, but as soon as it is refreshed and both are loaded at the same time, the browser will crash again.
could you tell me how to solve the problem
use v-if to control the rendering conditions and see
encountered the same problem. The browser crashed while rendering 
is the paging effect when sliding to the bottom to load the next page. I have written this effect several times, and this is the first time I have encountered
. methods: {
//Y
getScrollTop() {
let scrollTop = 0,
bodyScrollTop = 0,
documentScrollTop = 0;
if(document.body) {
bodyScrollTop = document.body.scrollTop;
}
if(document.documentElement) {
documentScrollTop = document.documentElement.scrollTop;
}
scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop;
return scrollTop;
},
//
getWindowHeight() {
let windowHeight = 0;
if(document.compatMode == "CSS1Compat") {
windowHeight = document.documentElement.clientHeight;
} else {
windowHeight = document.body.clientHeight;
}
return windowHeight;
},
//
getScrollHeight() {
let scrollHeight = 0,
bodyScrollHeight = 0,
documentScrollHeight = 0;
if(document.body) {
bodyScrollHeight = document.body.scrollHeight;
}
if(document.documentElement) {
documentScrollHeight = document.documentElement.scrollHeight;
}
scrollHeight = (bodyScrollHeight - documentScrollHeight > 0) ? bodyScrollHeight : documentScrollHeight;
return scrollHeight;
}
},
},
mounted(){
this.defaults(this.currentPage);
window.onscroll = () => {
if(this.getScrollTop() + this.getWindowHeight() == this.getScrollHeight()) {
this.defaults(PPthis.currentPage);
}
};
},Previous: Elementui upload problem, urgent!
Next: Node web server cross-domain pre-request failed, solve!
I found a js code from the Internet to calculate the time difference effect is that we have been together xx days xx xx minutes xx seconds problem is that this time will not change only enter the web page after refreshing to keep the same value so I...
use location.hash = "- sharpfooter " to navigate to the DOM node on the page where id is footer, then scroll to the click location and click again, it will not jump to the-sharpfooter position again, only the first click is valid ...
< H2 > now that you are getting started with front-end programming, can you learn html5 + css? directly across html, < H2 > the reason for my question is: recently got in touch with html, spent more than two weeks reading more than 200 pages of a boo...
when using axios to request data, the data is returned very slowly, even if it is just fetching the data without rendering the home page, it will take a long time to load. excuse me, this is the problem of axios itself network as shown in the pic...
see the manifest update on the Internet, which roughly means that the browser will detect whether the manifest file has been changed, and refresh the cache list if the change is made. In fact, although Application Cache Progress event (83 of 83 is disp...
as the title, we are going to do an e-book reader on the web side, and the back end will send us content according to each chapter. our reader scrolls vertically. For example, when we are looking at Chapter 5, the user scrolls down a little bit (for ex...
I don t know how to use the onclick event of element ui correctly. The document doesn t introduce it in detail, and I haven t worked it out for a long time. specifically consult . I want to trigger this event when I click Notification again ...
Jian Daoyun can keep the common part of the page such as navigation unchanged, but only change the main part of the page when you click on the navigation bar (or navigation pane) to switch pages. At the same time, if you look at the address bar, you can...
there are 4 animations. One after another, the animation of browsing the page with delay time is normal but when Wechat opened the sharing, it was time to select friends and deselect and found that several animation delays of the original page were all...
waiting now, how to solve height: 54px; line-height: 54px; iPhone placeholder is normally centered vertically, while Android phone is on the upper side iPhone cursor is not normal ...
when you click manually, you can copy the specified content to the pasteboard, and add an automatic loading page on this basis, how to achieve it? < hr > <body> <input type="text" id="inputText" value="444" ...
I am waking up app with url scheme. the requirement is that if app exists, open app, does not exist, ios jumps to appstore, Android jumps to google play. var nowTime = new Date().valueOf(); setTimeout(function() { var launchTime = new Da...
Click the child class under the current checks to be displayed as none, then the other checks,class is hidden by none, and the reason why it is not directly hidden by the parent. The parent always has the style of display . <div class="checks&qu...
now I want to insert the live broadcast code into my web page. For example, if I use the yy live broadcast code to insert the live broadcast code into my computer, there is no problem with my mobile phone. Is there any free or relatively low-cost way to ...
as mentioned above, I use the a tag to request download and asynchronous request to download, obviously pop up to save the window faster than the a tag, my side is the second pop-up window. The latter is to wait for the whole file to download and then p...
I want to use vue to do a file upload function. If you upload a picture, you can preview the picture or edit the file. Which god has a good plug-in to recommend it? thank you ....
The input input box cannot scroll to the visual area immediately after gaining focus, only after entering the content. How should I scroll to the visual area immediately after I want to gain focus? ...
A route without the-sharp number should be used in the vue project. I changed mode to history; in the path . vuenginx; ; nginx ...
when opening an H5 project, there is a loading,loading that loads all the image resources of the project first, which is convenient for the later user experience to load faster, and then how to load all the image resources of the project? ...
how do I convert the corresponding attributes and attribute values in the array into strings? let data=[ {name:"",status:false}, {name:"",status:false}, {name:"",status:true}, {name:"",status:false}, ...