用vue如何将dom再次渲染?

Question

1.假如数据有600条

2.在dom中我们用v-for先渲染前200条,比如v-if="$index<num"或其他方式;下面声明num:200

3.这里我们想用一个事件来触发,比如click,scroll,来渲染剩余的数据.

怎么样,有没有什么骚操作?

Answer 1

vue可以监听数据的变化,

首先将请求到的数据存在A里面,然后我们生命一个B来储存A的前200条,这时会渲染前200条,然后事件触发,令B为201-

400条(可以累加,看自己需求)

然后数据变化就会重新渲染,当然上面的个数都可以是变量

这样就可以简单的实现

当然还是接口可以分页比较好

Answer 2

我觉得接口中提供pageNum和pageSize字段是最方便的
无论是分页显示，还是加载更多，都可以做

Answer 3

那些ui(iview、element ui)都有提供分页和滑动加载的功能!

如果非要自己来做的话，我觉得可以把600条数据拆分。data1,data2,data3,...

每个里200条。上来就循环data1，滑动到底再循环data2(append,这里的append就看你是不是想保留data1里面的数据了),...

仅供参考

Answer 4

v-if="$index<num"

num是个变量不就好了

click改变num的值

Answer 5

better-scroll
https://github.com/ustbhuangy...