网站制作流程详解(学做网站第一步),红酒营销 网站建设,深圳建设工程协会网站,seo的搜索排名影响因素有今天做滚动的时候发现些问题#xff1a;
当我的渲染数据数组使用reactive定义时#xff0c;请求回来的数据并不会让页面的初定死数据更新#xff0c;但是使用ref可以更新当使用初定死数据时#xff0c;挂载之后能正常获取DOM元素#xff0c;页面会从死数据到正常数据的过…今天做滚动的时候发现些问题
当我的渲染数据数组使用reactive定义时请求回来的数据并不会让页面的初定死数据更新但是使用ref可以更新当使用初定死数据时挂载之后能正常获取DOM元素页面会从死数据到正常数据的过渡难看当不使用初定的死数据而仅仅空数组时使用nextTick(() {function()…})也不能获取DOM元素但是setTimeout可以。或者两者结合setTimeout可以设0不过似乎把nextTick()放进监听watch里面可以解决3没试不过之前的轮播nextTick我看了确实是放进watch监听里面的
总结setTimeout可以解决所有问题。。。
import { nextTick } from vue// 使用active页面不进行重新的渲染但是下面两种ref都可以
// let menuData reactive([])// 如果有假数据肯定能获取到DOM的但是第二次真正数据请求回来nextTick里面的也没有再次执行
let menuData ref([{name:....},{name:....}])// 如果没有假数据,nextTick的回调一样初始和更新后都获取不到DOM元素
let menuData ref([])
...其余代码...
// getRightHeightArr()
// nextTick(() getRightHeightArr())
setTimeout(() getRightHeightArr(), 100)// 还可以nextTick里面嵌入setTimeout,这里的时间可以写0
nextTick(() setTimeout(() getRightHeightArr(), 0))参考 参考1 参考2
