lakb248 / vue-pull-refresh Goto Github PK

I tried it just like the documentation tells me to do:
config: { pullDownHeight: 20 }

Doesn't work, seems that it gets completely ignored.

Here is my setup:

<vue-pull-refresh :on-refresh="loadNewImages" :config="pullConfig">...</vue-pull-refresh>

...

<script>
...
pullConfig: {
                    errorLabel: "Beim Laden der Bilder ist ein Fehler aufgetreten ...",
                    startLabel: "Bilder nachladen",
                    readyLabel: "Zum Nachladen loslassen",
                    loadingLabel: "Lade Bilder ..."
                },
...
</script>

vue-pull-refresh.min.js

[Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952

The above link explains it better than I can.

Hey @lakb248,

I would like to use your vue-pull-refresh component but I think the latest version of Vue has created some conflicts.

Release reads:
If you are the author of a plugin/component that ships a pre-compiled dist file:

It is recommended to re-compile the dist file using the latest versions of vue-template-compiler and vue-template-es2015-compiler. The new generated code is backwards-compatible, but code generated by older versions of the compilers may not work properly with the latest runtime.

Code generation changes that affect compatibility are very rare and we will avoid introducing similar changes in future patch releases.

See:
https://github.com/vuejs/vue/releases/tag/v2.1.7

As per above please can you update, recompile/rebuild and publish to npm?

初步猜测声明默认LABELS时，‘数据加载中...’后面三个点惹的祸，使用config修改默认值，依旧报错，但是好像不影响功能

https://github.com/lakb248/vue-pull-refresh/blob/master/src/vue-pull-refresh.vue#L162

Perhaps that line could instead check that error is a string before using it?

To allow for an empty Loading label for instance, we'll need some different code to check for labels' values.

https://github.com/lakb248/vue-pull-refresh/blob/master/src/vue-pull-refresh.vue#L56-L59

works with other browsers but clashes with iOS chrome. getting the refresh from plugin as well as from the chrome browser. multiple refresh happening. are there any work around for this?

It should only be refreshed on purpose. Any idea how to achieve this?

你好 我发现就是那个下拉之后生成的哪个header忽然就height=60变成height=0 你看能不能让他们60到0有一个过程 比较设置成1S 谢谢楼主

How do you override the LABELS?

Also is it possible to change it to be set via a property instead

Like

<vue-pull-refresh pullText="Pull to Refresh" releaseText="Release to Refresh"  loadingText="Loading..." errorText="Data Exception">
   <content/>
</vue-pull-refresh>

Any thing not set uses defaults.

What do you think?

你好朋友，那个下拉刷新之后 每次刷新之后 上面被拉的部分跳上去了 能优化成那种跟主流的一样的那种慢慢上去的吗

比如我滚动了1000px的距离，此时向下滑动，也会触发onRefresh函数，应该还需要判断滚动页面是否在顶部。尝试了下，不知道是不是我页面布局有点乱的原因，获取的scrollTop都是0

Using vue-pull-refresh (VPR) with hammer.js works well, but...

When panning left/right on a page with a VPR component, it would be nice to be able to tell VPR to cancel (resetPullDown) and have VPR stop processing events, but this is private to the mounted/$nextTick handler.

Exposing resetPullDown (I know it's not that simple) would allow both panning and VPR functionality to co-exist. Currently both work, but from a user perspective, once panning begins the VPR functionality should cease.

Test Users are complaining that the refresh happens too easily.

on the latest iOS Safari, there is a white gap at the top of the pull-down-header when you pull down the page.

This happens even on the demo page.

Any way to remove the gap?

在手机上操作，当下拉刷新的内容较多时性能不太好，有卡顿感，怀疑是因为修改height导致下面列表的内容回流重绘所致。不知道是否可以用transform之类的方法解决？