exlinker的博客

文章目录下拉刷新触底加载分段滚动长列表页面结构 首先参考文档为uni-app官方文档和weex官方文档。 吐槽一下，可能是因为有 weex 官方文档的存在，uni-app 在 nvue 这块有些文档写的很简洁 =。= nvue 是 uni-app 基于 weex 改进的原生渲染引擎，全称为 native vue，简称 nvue。在学习伊始我忽视了 nvue 的重要性，初次运行大量的爆红让我退缩了（没有认真读文档T T），导致后期重构代码。 重点来了，nvue 有哪些是让我认为是很重要的功能呢？如下：

渲染 在做列表数据渲染的时候需要先构思好合适的数据结构，合适的数据结构能够方便页面的构建、功能实现、后期维护。我列举了下面几种列表渲染的数据结构： 注意：数据列表里的每一项数据都推荐有id，在vue中的列表渲染中key值绑定为数据id，这样可以方便之后的数据更新。Vue官方文档 数组形式 如果是简短的数据列表，没有复杂的操作（增删改），没有下拉刷新和触底加载、分页查询（数据分页查询），那么推荐直接使用数组形式： dataList: [ { id: 0, name:

前言 uni-app不支持使用js控制元素样式，仅支持获取样式。 解决方法 动态绑定class 向目标元素动态绑定class，然后给该class添加css样式。 如html部分: <userInfo :class="{'show': scrollSwitch}"></userInfo> 动态绑定style 向该元素直接绑定样式，此方法好处是可以使用变量。 如html部分： <view :style="{ 'width': lW + 'px',