...
前言 使用vue处理项目中遇到列表页面时,有一些细节需要注意,这里总结一下,以便优化以后的代码。如下: . 使用mint ui中的LoadMore组件上下拉刷新时,有时无法触发上拉加载更多的方法。还有ios上滚动不太流畅。 . 从列表进入详情 列表数据分页请求的 ,再返回时,列表页需要记住之前的滚动位置,记住它上次的数据,但从其他页面进入列表页时,需要它重新刷新。 ps: 好像后面的vue版本对 ...
2018-02-02 20:36 0 3961 推荐指数:
...
用到这个的业务场景是这样的: a页面点击新建列表按钮进入到新建的页面b,填写b页面并点击b页面确认添加按钮,把这些数据带到a页面,填充到列表(数组),可以添加多条, 点击这条的时候进入到编辑页面,确认修改之后,回退到a页面,a页面需要更新这条数据 实现这个功能的时候,由于是路由页面之间的跳转 ...
1.思路 监听滚动条与顶部的距离,当距离不为0时,禁用下拉刷新。即滚动条在顶部时启用下拉刷新,不在顶部禁用下拉刷新。 2.代码实现 ...
所遇问题: 该页面为双选项卡联动,四个部分都需要上拉加载和下拉刷新功能,使用的mint-ui的loadmore插件,分别加上上拉加载后,只有最后一个的this.$refs.loadmore.onTopLoaded();和this.$refs.loadmore.onBottomLoaded ...
vue2-better-scroll 关于具体安装&使用过程 请移步api文档 已经很详细了 而且超清晰明了。 https://cnpmjs.org/package/vue2-better-scroll 也正是因为太简洁了 所以有了这篇补充贴 因为我项目使用了双语 因此 api文档 ...
清除前 清除后 在选择select标签里加一个属性clearable便可实现该效果。 ...
参见官方文档-深入响应式原理 1. Vue 无法检测实例被创建时不存在于 data 中的 property 由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化,所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式 ...
问题: 具体场景是:列表页分页(当前选中第5页),点击跳转详情页,返回列表页时,分页状态仍然停留在第5页。 解决办法: 1.在app.vue中添加keepAlive 2.在router/index.js中添加路由元信息keepAlive,设置需要缓存的页面 3. ...