夕汐风华 2021-05-09 21:28 采纳率: 100%
浏览 62
已采纳

请教一个关于Vue钩子函数执行顺序的问题

如图,我的代码,在methods中定义两个方法 如图我的代码,在methods中定义方法,分别在created中调用给数据赋值,在mounted中调用使用这些数据

然而:如下,我分别在控制台输出了上面定义的数据this.oneBanner 

然而...

然而首先打印的却是48行,再打印的43行。这是不是可以理解为mounted里面的,再执行created里面。我开始认为created里面会在页面刷新之前调用,之后再调用mounted里面的是不对的吗?好纠结啊。。。。

我想之后对页面的dom进行一些简单的操作,应该不能再created里面操作dom节点吧,所以我想分开调用,这要怎么解决呢。。。请教一下呀>_<

  • 写回答

2条回答 默认 最新

  • 记得我雨 2021-05-10 08:59
    关注

    应该是并发问题,created中执行的getAllBanner方法是不是到后台取数据了,那是异步操作,不会阻塞前台页面的加载,向后台发送请求之后,vue继续向下执行了,等执行了mounted方法之后,这是后台返回。可以通过修改DOM元素绑定的data中的变量来修改DOM。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 pnpm 下载element-plus
  • ¥15 解决编写PyDracula时遇到的问题
  • ¥15 有没有人能解决下这个问题吗,本人不会编程
  • ¥15 plotBAPC画图出错
  • ¥30 关于#opencv#的问题:使用大疆无人机拍摄水稻田间图像,拼接成tif图片,用什么方法可以识别并框选出水稻作物行
  • ¥15 Python卡尔曼滤波融合
  • ¥20 iOS绕地区网络检测
  • ¥15 python验证码滑块图像识别
  • ¥15 根据背景及设计要求撰写设计报告
  • ¥20 能提供一下思路或者代码吗