1、首先新建一个html文件,命名为test.html,在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。
2、在test.html文件内,使用button标签创建一个按钮,按钮名称分别为“刷新页面”。
3、在test.html文件内,设置button标签的id为btn,主要用于下面通过该id获得button对象。
4、在js标签内,使用$(function(){ })方法在页面加载完成时,通过window.location.href获得当前页面的链接,并把链接保存在变量url中。
5、在js标签内,通过id(btn)获得button对象,给它绑定click点击事件,实现当按钮被点击时,使用window.location.href方法跳转至url,从而实现刷新页面的效果。
6、在浏览器打开test.html文件,点击按钮,查看实现的效果。
移动端上拉加载和下拉刷新的vue插件
做一个简单的移动端展示项目,后台分页后前端加载,实现上拉加载下一页,找了下,还是用这个mescroll.js插件好一点
1.npm安装
2.导入(在哪个页面使用,则在哪个页面导入):
注册组件:
3.template使用
4.data里进行相关配置
5.style样式
具体的配置可以参考: mescroll配置
6.scroll属性在ios手机上回出现卡顿问题
在进行滚动的这个容器样式中添加这个属性:
填加了这个兼容会导致定位为position:fixed的失去效果,使用position:absolute可以解决.
给你需要点击的模块一个bindtap时间比如
<view bindtap="click">点击我下拉刷新<view>
然后在逻辑层写
click:function(){
this.onPullDownRefresh()
}
onPullDownRefresh: function () {
xxxxxxxxxx(你的下拉刷新触发的操作)
},
刚才仔细看了一遍你的问题好像并不是你想要的答案 不过就这样吧