uni-app中onLoad不起作用

问题还原:项目使用uniapp开发,前端ui框架用的colorui,公共页面为(pages/index/index),真正的首页是在pages/index/main。

背景介绍完毕,根据设计图首页有个堆叠式轮播,引入colorui堆叠式轮播在小程序页面测试,pages/index/main轮播没有问题,pages/index/index页面轮播不生效,经过打印参数发现,页面加载完成执行初始化数据(以下代码),根本没有执行

		onLoad() {
			this.TowerSwiper('TowerList');
		},

改为mound,以下代码:

		mounted() {
			this.TowerSwiper('TowerList');
			this.towerStart = '278'
		},

轮播生效,与colorui完全一致,一路绿灯。
uni-app中onLoad不起作用_第1张图片

之后查文档,阅读@胖鹅68 (https://blog.csdn.net/hbiao68/article/details/102960770)出现此问题原因为:

onload,onShow等生命周期钩子函数只能使用在page中的vue页面,所以初始化数据没有执行。

以此文章记录,给自己一个教训,文档要仔细看啊!!!

你可能感兴趣的:(uniapp,Vue,小程序,vue.js,前端,js)