当前位置: 首页 > Web前端 > vue.js

关于页面dom初始化问题

时间:2023-04-01 12:40:27 vue.js

作为一个刚毕业的前端小白,在公司项目开发中写移动端页面的时候遇到了一个页面初始化问题。问题是这样的。进入页面后,页面呈现数据列表,点击某条数据。按钮,项目的左上角会出现一个小标志。第一次进入页面时,点击按钮没有反应。下拉刷新数据后,点击按钮渲染item的logo。想了很久,知道页面初始化只是渲染数据。后来找同事帮忙,问题很快就解决了。直接渲染新的数组,问题解决~使用js中的splice()方法:splice用法splice()方法通过删除或替换现有元素或原地添加新元素来修改数组,并以形式返回数组数组修改后的内容。此方法会改变原始数组。语法array.splice(start,deleteCount,item1,item2,...)start:要修改的元素的下标,如果为负值,则从数组末尾开始添加内容,从-1开始计算,即表示-n是倒数第n个元素,相当于array.length-n。deleteCount:整数,表示要删除的数组元素的个数。item...:要添加到数组中的元素,从起始位置开始。如果未指定,splice()将仅删除数组元素。例如:(来自MDN)这是第一次分享,希望对大家有所帮助~接下来我会把自己在工作中遇到的问题和解决的点点滴滴积累记录下来,和大家一起成长!