vue-slim-better-scroll
Version:
💇 开箱即用的/渐进式的 vue 移动端滚动组件
1 lines • 24.2 kB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{133:function(t,s,e){t.exports=e.p+"assets/img/demo.8ae480da.gif"},134:function(t,s,e){"use strict";e.r(s);var a=e(0),r=Object(a.a)({},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",{staticClass:"content"},[t._m(0),a("blockquote",[a("p",[t._v("开箱即用的/渐进式的 vue移动端滚动组件/插件,基于"),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll",target:"_blank",rel:"noopener noreferrer"}},[t._v("better-scroll"),a("OutboundLink")],1)])]),t._m(1),a("ul",[t._m(2),t._m(3),t._m(4),a("li",[a("strong",[t._v("更小体积")]),a("ul",[a("li",[t._v("v1.5.0+ 使用 "),a("a",{attrs:{href:"https://github.com/komomoo/dio",target:"_blank",rel:"noopener noreferrer"}},[t._v("dio"),a("OutboundLink")],1),t._v(" 构建,仅 25k (旧版本为 webpack 构建,体积 47k)")]),a("li",[t._v("v1.6.0+ 抛弃 gif,使用 css 重构 Loading。体积近一步减小,仅 21k")])])])]),t._m(5),a("img",{staticStyle:{"margin-top":"20px"},attrs:{src:e(133),width:"320"}}),a("p",[a("a",{attrs:{href:"https://komomoo.github.io/vue-slim-better-scroll/demo/default/dist/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Demo"),a("OutboundLink")],1)]),a("p",[a("a",{attrs:{href:"https://github.com/komomoo/vue-slim-better-scroll/blob/master/demo/default/App.vue",target:"_blank",rel:"noopener noreferrer"}},[t._v("Demo 源码"),a("OutboundLink")],1)]),a("p",[a("a",{attrs:{href:"https://komomoo.github.io/vue-slim-better-scroll/demo/complex/dist/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Demo2: 结合 vue-router"),a("OutboundLink")],1)]),a("p",[a("a",{attrs:{href:"https://github.com/komomoo/vue-slim-better-scroll/blob/master/demo/complex/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Demo2 源码"),a("OutboundLink")],1)]),t._m(6),t._m(7),t._m(8),t._m(9),t._m(10),t._m(11),t._m(12),t._m(13),a("ol",{attrs:{start:"3"}},[a("li",[t._v("使用它,请参考"),a("a",{attrs:{href:"https://github.com/komomoo/vue-slim-better-scroll/blob/master/demo/default/App.vue",target:"_blank",rel:"noopener noreferrer"}},[t._v("Demo 源码"),a("OutboundLink")],1)])]),t._m(14),t._m(15),t._m(16),a("table",[t._m(17),a("tbody",[t._m(18),t._m(19),t._m(20),t._m(21),t._m(22),t._m(23),t._m(24),t._m(25),t._m(26),t._m(27),t._m(28),t._m(29),t._m(30),a("tr",[a("td",[t._v("preventDefaultException")]),a("td",[a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html#preventdefaultexception",target:"_blank",rel:"noopener noreferrer"}},[t._v("不阻止默认行为"),a("OutboundLink")],1)]),a("td",[t._v("Object")]),t._m(31)]),a("tr",[a("td",[t._v("mouseWheel")]),a("td",[t._v("v1.6.2+,"),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options-advanced.html#mousewheelv180",target:"_blank",rel:"noopener noreferrer"}},[t._v("启用 PC 鼠标滚轮"),a("OutboundLink")],1)]),a("td",[t._v("Boolean")]),a("td",[t._v("false")])]),a("tr",[a("td",[t._v("betterScrollOptions")]),a("td",[t._v("v1.7.0+,任何的 "),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("better-scroll 配置项"),a("OutboundLink")],1),t._v(",将合并在初始化 better-scroll 的配置中。注意:与 props 冲突的配置项将被 props 覆盖")]),a("td",[t._v("Object")]),a("td",[t._v("null")])]),t._m(32),t._m(33),t._m(34)])]),t._m(35),a("table",[t._m(36),a("tbody",[t._m(37),t._m(38),t._m(39),t._m(40),a("tr",[a("td",[t._v("scrollToElement")]),a("td",[t._v("滚动到指定的目标元素")]),a("td",[t._v("(el, time, offsetX , offsetY )接收4个参数 详情请查看: "),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/api.html#scrolltoelementel-time-offsetx-offsety-easing",target:"_blank",rel:"noopener noreferrer"}},[t._v("scrollToElement"),a("OutboundLink")],1)])]),t._m(41),t._m(42),t._m(43),t._m(44),t._m(45),t._m(46)])]),t._m(47),t._m(48),t._m(49),t._m(50),t._m(51),t._m(52),a("p",[t._v("父容器需要指定一个高度。")]),t._m(53),a("p",[t._v("原因可参考 "),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/#%E6%BB%9A%E5%8A%A8%E5%8E%9F%E7%90%86",target:"_blank",rel:"noopener noreferrer"}},[t._v("better-scroll 滚动原理"),a("OutboundLink")],1),t._v("。")]),a("hr"),t._m(54),a("p",[a("strong",[t._v("🌟 "),a("a",{attrs:{href:"https://github.com/komomoo/vue-slim-better-scroll",target:"_blank",rel:"noopener noreferrer"}},[t._v("Star me !"),a("OutboundLink")],1)])])])},[function(){var t=this.$createElement,s=this._self._c||t;return s("h1",{attrs:{id:"vue-slim-better-scroll"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-slim-better-scroll","aria-hidden":"true"}},[this._v("#")]),this._v(" vue-slim-better-scroll")])},function(){var t=this.$createElement,s=this._self._c||t;return s("h2",{attrs:{id:"✨-特性"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#✨-特性","aria-hidden":"true"}},[this._v("#")]),this._v(" ✨ 特性")])},function(){var t=this.$createElement,s=this._self._c||t;return s("li",[s("strong",[this._v("极简使用")]),s("ul",[s("li",[this._v("零配置/渐进式配置")]),s("li",[this._v("自动刷新滚动高度")])])])},function(){var t=this.$createElement,s=this._self._c||t;return s("li",[s("strong",[this._v("更优性能")]),s("ul",[s("li",[this._v("使用 transform 替代 position ,下拉刷新不再掉帧")])])])},function(){var t=this.$createElement,s=this._self._c||t;return s("li",[s("strong",[this._v("更好体验")]),s("ul",[s("li",[this._v("滚动内容小于滚动视口时,也可以滚动/回弹/下拉刷新/上拉加载")]),s("li",[this._v("多次下拉刷新节流")]),s("li",[this._v("多处细节改进")])])])},function(){var t=this.$createElement,s=this._self._c||t;return s("h2",{attrs:{id:"🐠-示例"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#🐠-示例","aria-hidden":"true"}},[this._v("#")]),this._v(" 🐠 示例")])},function(){var t=this.$createElement,s=this._self._c||t;return s("h2",{attrs:{id:"🚀-快速开始"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#🚀-快速开始","aria-hidden":"true"}},[this._v("#")]),this._v(" 🚀 快速开始")])},function(){var t=this.$createElement,s=this._self._c||t;return s("ol",[s("li",[this._v("安装")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"language-bash extra-class"},[s("pre",{pre:!0,attrs:{class:"language-bash"}},[s("code",[this._v("yarn add vue-slim-better-scroll "),s("span",{attrs:{class:"token comment"}},[this._v("# 或 npm i -S vue-slim-better-scroll")]),this._v("\n")])])])},function(){var t=this.$createElement,s=this._self._c||t;return s("ol",{attrs:{start:"2"}},[s("li",[this._v("引入")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("ul",[s("li",[this._v("插件形式全局引入")])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{attrs:{class:"token comment"}},[t._v("// 入口文件 main.js 中")]),t._v("\n"),e("span",{attrs:{class:"token keyword"}},[t._v("import")]),t._v(" Scroll "),e("span",{attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),e("span",{attrs:{class:"token string"}},[t._v("'vue-slim-better-scroll'")]),t._v("\nVue"),e("span",{attrs:{class:"token punctuation"}},[t._v(".")]),e("span",{attrs:{class:"token function"}},[t._v("use")]),e("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("Scroll"),e("span",{attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n")])])])},function(){var t=this.$createElement,s=this._self._c||t;return s("ul",[s("li",[this._v("组件形式引入")])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{attrs:{class:"token comment"}},[t._v("// *.vue 中")]),t._v("\n"),e("span",{attrs:{class:"token keyword"}},[t._v("import")]),t._v(" Scroll "),e("span",{attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),e("span",{attrs:{class:"token string"}},[t._v("'vue-slim-better-scroll'")]),t._v("\n"),e("span",{attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),e("span",{attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),e("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n "),e("span",{attrs:{class:"token comment"}},[t._v("/* ... */")]),t._v("\n components"),e("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),e("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n Scroll"),e("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n "),e("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n "),e("span",{attrs:{class:"token comment"}},[t._v("/* ... */")]),t._v("\n"),e("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",{staticClass:"language-html extra-class"},[e("pre",{pre:!0,attrs:{class:"language-html"}},[e("code",[e("span",{attrs:{class:"token comment"}},[t._v("\x3c!-- 简单场景 --\x3e")]),t._v("\n"),e("span",{attrs:{class:"token tag"}},[e("span",{attrs:{class:"token tag"}},[e("span",{attrs:{class:"token punctuation"}},[t._v("<")]),t._v("Scroll")]),t._v("\n "),e("span",{attrs:{class:"token attr-name"}},[t._v("ref")]),e("span",{attrs:{class:"token attr-value"}},[e("span",{attrs:{class:"token punctuation"}},[t._v("=")]),e("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("scroll"),e("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{attrs:{class:"token attr-name"}},[t._v(":autoUpdate")]),e("span",{attrs:{class:"token attr-value"}},[e("span",{attrs:{class:"token punctuation"}},[t._v("=")]),e("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("true"),e("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{attrs:{class:"token attr-name"}},[t._v("@pullingDown")]),e("span",{attrs:{class:"token attr-value"}},[e("span",{attrs:{class:"token punctuation"}},[t._v("=")]),e("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("loadRefresh"),e("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{attrs:{class:"token attr-name"}},[t._v("@pullingUp")]),e("span",{attrs:{class:"token attr-value"}},[e("span",{attrs:{class:"token punctuation"}},[t._v("=")]),e("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("loadMore"),e("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),e("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{attrs:{class:"token comment"}},[t._v("\x3c!-- 滚动的内容 --\x3e")]),t._v("\n"),e("span",{attrs:{class:"token tag"}},[e("span",{attrs:{class:"token tag"}},[e("span",{attrs:{class:"token punctuation"}},[t._v("</")]),t._v("Scroll")]),e("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),e("span",{attrs:{class:"token comment"}},[t._v("\x3c!-- 复杂场景 --\x3e")]),t._v("\n"),e("span",{attrs:{class:"token tag"}},[e("span",{attrs:{class:"token tag"}},[e("span",{attrs:{class:"token punctuation"}},[t._v("<")]),t._v("Scroll")]),t._v("\n "),e("span",{attrs:{class:"token attr-name"}},[t._v("ref")]),e("span",{attrs:{class:"token attr-value"}},[e("span",{attrs:{class:"token punctuation"}},[t._v("=")]),e("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("scroll"),e("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{attrs:{class:"token attr-name"}},[t._v(":updateData")]),e("span",{attrs:{class:"token attr-value"}},[e("span",{attrs:{class:"token punctuation"}},[t._v("=")]),e("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("[data]"),e("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{attrs:{class:"token attr-name"}},[t._v(":refreshData")]),e("span",{attrs:{class:"token attr-value"}},[e("span",{attrs:{class:"token punctuation"}},[t._v("=")]),e("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("[]"),e("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{attrs:{class:"token attr-name"}},[t._v("@pullingDown")]),e("span",{attrs:{class:"token attr-value"}},[e("span",{attrs:{class:"token punctuation"}},[t._v("=")]),e("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("loadRefresh"),e("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),e("span",{attrs:{class:"token attr-name"}},[t._v("@pullingUp")]),e("span",{attrs:{class:"token attr-value"}},[e("span",{attrs:{class:"token punctuation"}},[t._v("=")]),e("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("loadMore"),e("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),e("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n "),e("span",{attrs:{class:"token comment"}},[t._v("\x3c!-- 滚动的内容 --\x3e")]),t._v("\n"),e("span",{attrs:{class:"token tag"}},[e("span",{attrs:{class:"token tag"}},[e("span",{attrs:{class:"token punctuation"}},[t._v("</")]),t._v("Scroll")]),e("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])])])},function(){var t=this.$createElement,s=this._self._c||t;return s("h2",{attrs:{id:"🔌-api文档"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#🔌-api文档","aria-hidden":"true"}},[this._v("#")]),this._v(" 🔌 API文档")])},function(){var t=this.$createElement,s=this._self._c||t;return s("h3",{attrs:{id:"props"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#props","aria-hidden":"true"}},[this._v("#")]),this._v(" Props")])},function(){var t=this.$createElement,s=this._self._c||t;return s("thead",[s("tr",[s("th",[this._v("参数")]),s("th",[this._v("说明")]),s("th",[this._v("类型")]),s("th",[this._v("默认值")])])])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("probeType")]),s("td",[this._v("派发scroll事件的条件")]),s("td",[this._v("Number")]),s("td",[this._v("1")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("listenScroll")]),s("td",[this._v("是否监听滚动,开启后才能派发scroll事件")]),s("td",[this._v("Boolean")]),s("td",[this._v("false")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("listenBeforeScrollStart")]),s("td",[this._v("是否监听滚动之前,开启后才能派发beforeScrollStart事件")]),s("td",[this._v("Boolean")]),s("td",[this._v("false")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("scrollX")]),s("td",[this._v("开启X轴滚动")]),s("td",[this._v("Boolean")]),s("td",[this._v("false")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("scrollY")]),s("td",[this._v("开启Y轴滚动")]),s("td",[this._v("Boolean")]),s("td",[this._v("true")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("scrollbar")]),s("td",[this._v("开启滚动条")]),s("td",[this._v("Boolean or Object")]),s("td",[this._v("false")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("pullDown")]),s("td",[this._v("启用下拉刷新")]),s("td",[this._v("Boolean")]),s("td",[this._v("true")])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("tr",[e("td",[t._v("pullDownConfig")]),e("td",[t._v("下拉刷新配置")]),e("td",[t._v("Object")]),e("td",[t._v("{ "),e("br"),t._v(" threshold: 90, // 触发 pullingDown 的距离 "),e("br"),t._v(" stop: 40, // pullingDown 正在刷新 hold 时的距离 "),e("br"),t._v(" txt: '刷新成功', "),e("br"),t._v(" }")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("pullUp")]),s("td",[this._v("启用上拉加载")]),s("td",[this._v("Boolean")]),s("td",[this._v("true")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("pullUpConfig")]),s("td",[this._v("上拉加载配置")]),s("td",[this._v("Object")]),s("td",[this._v("{ "),s("br"),this._v(" threshold: 100, // 提前触发 pullingUp 的距离 "),s("br"),this._v(" txt: { more: '上拉加载', noMore: '— 我是有底线的 —' "),s("br"),this._v(" }")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("startY")]),s("td",[this._v("纵轴方向初始化位置")]),s("td",[this._v("Number")]),s("td",[this._v("0")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("bounce")]),s("td",[this._v("回弹效果")]),s("td",[this._v("Boolean")]),s("td",[this._v("true")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("bounceTime")]),s("td",[this._v("回弹时间")]),s("td",[this._v("Number")]),s("td",[this._v("600")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("td",[this._v("{ "),s("br"),this._v(" tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT)$/ "),s("br"),this._v(" }")])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("autoUpdate")]),s("td",[this._v("自动更新高度。深监视 this.$parent.$data 自动调用 update(),适用于简单场景。复杂场景请使用updateData/refreshData 或手动调用 update()/refresh()")]),s("td",[this._v("Boolean")]),s("td",[this._v("false")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("updateData")]),s("td",[this._v("引起更新上拉/下拉加载状态的数据(下拉刷新/上拉加载相关的数据)。设置此项时,autoUpdate 应设置为 false。当观测到该数据变化时,将自动调用 update()")]),s("td",[this._v("Array")]),s("td",[this._v("null")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("refreshData")]),s("td",[this._v("引起刷新高度的数据(不包含 updateData 内的数据)。当观测到该数据变化时,将自动调用 refresh() 刷新滚动高度")]),s("td",[this._v("Array")]),s("td",[this._v("null")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("h3",{attrs:{id:"methods"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#methods","aria-hidden":"true"}},[this._v("#")]),this._v(" Methods")])},function(){var t=this.$createElement,s=this._self._c||t;return s("thead",[s("tr",[s("th",[this._v("方法名")]),s("th",[this._v("说明")]),s("th",[this._v("参数")])])])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("initScroll")]),s("td",[this._v("初始化scroll组件")]),s("td")])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("disable")]),s("td",[this._v("禁用 better-scroll,DOM 事件(如 touchstart、touchmove、touchend)的回调函数不再响应")]),s("td")])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("enable")]),s("td",[this._v("启用 better-scroll, 默认 开启")]),s("td")])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("scrollTo")]),s("td",[this._v("滚动到指定的位置")]),s("td",[this._v("(x:Number, y:Number, time:Number) "),s("br"),this._v(" 1.x横轴坐标(px),默认值0 "),s("br"),this._v(" 2.y 纵轴坐标(px),默认值0 "),s("br"),this._v(" 3.滚动动画执行的时长(ms),默认值=$props.bounceTime=600")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("scrollToTop")]),s("td",[this._v("v1.4.0+,滚动到顶部")]),s("td")])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("scrollToBottom")]),s("td",[this._v("v1.4.0+,滚动到底部")]),s("td")])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("autoPullDownRefresh")]),s("td",[this._v("v1.5.0+,手动触发下拉刷新")]),s("td")])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("destroy")]),s("td",[this._v("销毁 better-scroll,解绑事件")]),s("td")])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("refresh")]),s("td",[this._v("刷新滚动高度(当页面无法滚动时,可尝试调用此方法)")]),s("td")])},function(){var t=this.$createElement,s=this._self._c||t;return s("tr",[s("td",[this._v("update")]),s("td",[this._v("更新加载状态,下拉/上拉成功后使用。当上拉加载到最后一页/需要触发停止上拉加载时,需要手动调用它")]),s("td",[this._v("(pullUpFinally:Boolean) 声明 pullUp 上拉加载是否到了最底部。下拉刷新成功后该值会自动 false。也可传入 false 手动声明不是最后一页")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("h3",{attrs:{id:"events"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#events","aria-hidden":"true"}},[this._v("#")]),this._v(" Events")])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("table",[e("thead",[e("tr",[e("th",[t._v("事件名")]),e("th",[t._v("说明")]),e("th",[t._v("回调参数")])])]),e("tbody",[e("tr",[e("td",[t._v("scroll")]),e("td",[t._v("触发时机:滚动过程中,具体时机取决于选项中的 probeType (触发事件在参数中需要开启 "),e("strong",[t._v("listenScroll")]),t._v(",该参数默认为 false )")]),e("td",[t._v("(pos:Object) 滚动的实时坐标")])]),e("tr",[e("td",[t._v("beforeScrollStart")]),e("td",[t._v("触发时机:滚动开始之前 (触发事件在参数中需要开启 "),e("strong",[t._v("listenBeforeScrollStart")]),t._v(",该参数默认为 false )")]),e("td")]),e("tr",[e("td",[t._v("pullingDown")]),e("td",[t._v("触发时机:在一次下拉刷新的动作后,这个时机一般用来去后端刷新数据。(触发事件在参数中需要开启 "),e("strong",[t._v("pullDown")]),t._v(",该参数默认为 true )")]),e("td")]),e("tr",[e("td",[t._v("pullingUp")]),e("td",[t._v("触发时机:在一次上拉加载的动作后,这个时机一般用来去后端请求数据。(触发事件在参数中需要开启 "),e("strong",[t._v("pullUp")]),t._v(",该参数默认为 true )")]),e("td")])])])},function(){var t=this.$createElement,s=this._self._c||t;return s("h3",{attrs:{id:"slots"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#slots","aria-hidden":"true"}},[this._v("#")]),this._v(" Slots")])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("table",[e("thead",[e("tr",[e("th",[t._v("名称")]),e("th",[t._v("说明")])])]),e("tbody",[e("tr",[e("td",[t._v("default")]),e("td",[t._v("滚动的主体内容区域")])]),e("tr",[e("td",[t._v("pulldown")]),e("td",[t._v("下拉刷新的内容")])]),e("tr",[e("td",[t._v("pullup")]),e("td",[t._v("上拉加载的内容")])])])])},function(){var t=this.$createElement,s=this._self._c||t;return s("h2",{attrs:{id:"⚠️-常见问题"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#⚠️-常见问题","aria-hidden":"true"}},[this._v("#")]),this._v(" ⚠️ 常见问题")])},function(){var t=this.$createElement,s=this._self._c||t;return s("h3",{attrs:{id:"为什么无法滚动?"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#为什么无法滚动?","aria-hidden":"true"}},[this._v("#")]),this._v(" 为什么无法滚动?")])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("p",[t._v("如果想要高度自适应,父容器的高度可采用 "),e("code",[t._v("100%")]),t._v("、"),e("code",[t._v("vh")]),t._v("、"),e("code",[t._v("calc()")]),t._v("、"),e("code",[t._v("flex(1)")]),t._v(" 等多种自适应方案。")])},function(){var t=this.$createElement,s=this._self._c||t;return s("p",[this._v("😉😘 如果它对你有所帮助,可以点一下 "),s("b",[this._v("⭐️"),s("a",{attrs:{href:"https://github.com/komomoo/vue-slim-better-scroll"}},[this._v("Star")])]),this._v(" ~")])}],!1,null,null,null);s.default=r.exports}}]);