您现在的位置是：网站首页>软件开发>开发终端>uni-appuni-app

uni-app规范开发（11）加载数据后渲染

风口下的猪2020-08-30【uni-app】

简介

在vue项目中，尽量不用mounted渲染后进行dom操作，因为实际项目中mounted往往比数据异步早一点。

所以项目中包含dom操作的页面，规范的数据加载及页面渲染是：

1.用async/await更改onload，是数据加载在onload中同步进行；

2.onload中数据加载完后使用this.$nextTick()，在渲染后执行dom操作

例如：

async onLoad() {
	await this.$api('prosCate').then((res)=>{
		this.left=res.data.msg
	});
	await this.$api('pros').then((res)=>{
		this.right=res.data.msg
	});
	this.$nextTick(() => {
		this._initScroll()
		this._getHeight()
	})
},

很赞哦！ (0)

上一篇：bscroll左右联动

下一篇：HbuilderX运行npm

数据库

开发终端

语言基础

项目管理

产品设计

系统

工作规范

计算机网络

前端技术栈

数据结构

计算机组成原理

后端技术栈

性能优化

安全设计

常见模块

计算机操作系统

服务器

python

MySQL

thinkphp

PHP

Java

JavaScript

Windows

Linux

特效

indexedDB

vue

淘宝联盟

Ionic

Angular

微信小程序

支付宝小程序

uni-app

css/sass/less

支付

socket

爬虫

web性能优化

消息推送

CVM

sqlite

Redis

前端基础

基础

element

Nginx

yii2

/ponder/index.php/index/catelist/catelist/cateid/10.html

标签云

站点信息

文章统计：528篇
移动端访问：扫码进入SQ3R

软件开发(47)	MySQL(25)
thinkphp(89)	PHP(33)
JavaScript(39)	项目管理(3)
产品设计(5)	Linux(15)
计算机网络(6)	计算机组成原理(1)
微信小程序(7)	安全设计(4)
uni-app(70)	淘宝联盟(4)
支付(7)	socket(18)
计算机操作系统(4)	爬虫(5)
web性能优化(5)	消息推送(9)
CVM(2)	Redis(27)
indexedDB(5)	vue(57)
特效(2)	css/sass/less(5)
基础(1)	element(1)
Nginx(6)	yii2(19)

您现在的位置是：网站首页>软件开发>开发终端>uni-appuni-app

uni-app规范开发（11）加载数据后渲染

相关阅读 (同一栏目)

栏目目录

标签云

站点信息

申请链接友情链接