vue-pagination icon indicating copy to clipboard operation
vue-pagination copied to clipboard

vue2.0 点击上一页会报错

Open hotboys opened this issue 7 years ago • 7 comments

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "cur" 这个得怎么解决 是双向绑定的问题吗

hotboys avatar May 17 '17 06:05 hotboys

确实存在这个问题。

romy2012 avatar May 26 '17 04:05 romy2012

@hotboys @romy2012 是的 父子组件传递的时候 建议单向流

cycgit avatar May 26 '17 11:05 cycgit

我已经解决了 需要props双向绑定,父组件需要增加个回调函数来接上一页下一页的回调,感谢楼主的组件

hotboys avatar Jun 02 '17 03:06 hotboys

@hotboys 可以把最新的组件发我吗,我想参考下。

xiaodongicon avatar Jun 16 '17 01:06 xiaodongicon

@VipSimple 怎么发给你 git 我不咋会用= =

hotboys avatar Jun 16 '17 01:06 hotboys

@hotboys 你微信多少,我加你

xiaodongicon avatar Jun 17 '17 04:06 xiaodongicon

这个问题就是因为在点击上一页下一页的时候子组件修改父组件的cur (当前页)导致的,我说一下我的解决办法吧, 楼主定义了一个btnClick方法,这个方法会在点击页码的时候生效,并将点击的页码传给父组件,我就重新定义一个btnClick1 方法, 对当前页减一,并传给父组件,替换掉原来直接cur-- 的操作. 代码如下 btnClick (page) { if (page !== this.cur) { this.callback(page) } }, btnClick1 (page) { this.callback(this.cur + page) }

然后 把上一页 方法改成 v-on:click="btnClick1(-1)" 下一页方法改成 v-on:click="btnClick1(1)"

github issues 无法帖html代码, 会被转换成页面 真的糟心,一点也不好用

yangzheng0 avatar Sep 03 '19 09:09 yangzheng0