element-ui 分页修改current-page后，视图上还是没改变

Posted 2021-09-14 史晶晶

用了很多次，从来没有出现过这个问题，我就从去网上看大神的评价，发现有的用v-if，有的说让加上.sync,有的说用watch监听改变。
而这里我的代码是
`

<el-pagination
  background
  @current-change="currentChange"
  :current-change.sync="currentPage"
  layout="prev, pager, next, total"
  :total="total">
</el-pagination>

我用watch监听了一下，发现这个会改变，但是改变之后有迅速变为了页数1，这个真的很奇怪。
算了，不咯嗦了，说我的彻底解决办法，真的很简单
就是把@current-change与:current-change两个改一下顺序就行了,并且加了一个判断总数超过第一页的数据就出现了

<el-pagination v-if=“total>10”
  background
  :current-change.sync="currentPage"
  layout="prev, pager, next, total"
  @current-change="currentChange"
  :total="total">
</el-pagination>