vue动态添加domv-for

vue动态添加domv-for,第1张

v-for是vue.js中的指令,用于遍历数组或对象中的数据,动态添加dom。使用v-for指令时,需要提供一个数组或对象,它会根据提供的数据来渲染相应的dom结构。v-for指令的语法是:v-for="(item,index) in items",其中items是要遍历的数组或对象,item是当前遍历到的元素,index是当前遍历到的元素的索引。使用v-for指令可以快速的渲染出dom结构,而不用写大量的dom结构代码。

1、func1中涉及到了页面dom元素的 *** 作,如果不放在onload事件中而是直接运行,那么这时候页面的dom元素(比如ul)极可能尚未加载到内存,会造成 *** 作失败。放在onload中,则可百分百保证整个页面的dom结构都已加载到内存,这样就能保证运行成功了。

2、alert()是系统级的模态提示框,它在显示的时候,整个脚本都会暂停运行(或者叫“挂起”),关闭提示框后才会继续运行。也就是说,表面上看func2是比func1先运行的,但其实func1确实是先运行的,但即使电脑的运行速度再快,运行总是要花时间的,而就在func1努力运行但尚未显示出结果时,func2的alert已经d出来并把整个脚本暂停了,这样func1就僵在那了,看起来就好像是它还没运行一样。

3、没有完美的解决办法,要么你可以自建一个非模态的提示框,要么可以采用延时执行的方式,比如:

window.onload=function(){

    func1()

    setTimeout(func2,100)

}


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11738599.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-18
下一篇2023-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存