element ui分页问题,elementui分页样式修改

　　本文主要介绍vue修改elementUI的分页组件视图不更新问题的详细说明。本文通过示例代码非常详细，对大家的学习或工作都有一定的参考价值。下面让我们跟随边肖一起学习。

　　今天没注意一个小问题。分页组件el-pagination的一个属性是当前页面。

　　今天想在方法中手动修改他绑定的变量，达到修改页码的效果。结果我发现分页组件视图没有渲染，还是停留在原来的页码。

　　然后想了想，想起了语法糖。同步，并使数据双向绑定。

　　直接看修改过的代码。

　　el分页

　　:current-page.sync=currentPage

　　:page-size=[10，30，50]

　　:page-size=pageSize

　　:total=total

　　layout=总计，大小，上一页，分页，下一页，跳转

　　@size-change=handleSizeChange

　　@ current-change= handleCurrentChange

　　/

　　刷新(){

　　this.handleCurrentChange(1)

　　this.currentPage=1

　　}

　　我想了想具体原因。可能是分页组件不能通过修改this.currentPage来通知父组件视图更新，所以。添加sync修饰符，使子组件能够与父组件通信，从而实现双向绑定，父组件获取更新后的值重新呈现页面。

　　element-ui 接口返回有数据但是视图没有更新

　　一般界面有数据返回，但是对应的视图没有更新，只有两种情况：

　　1.在这个数据被更新之前，存在错误或不精确的判断。

　　2.vue对象和数组无法深度监控。

　　第一，检查有没有严谨的判断和错误。

　　第二，不允许vue对象向创建的实例动态添加新的根级响应属性。(参考vue官网)

　　如果有必要，我们可以用这个。$set()。

　　这个。$set()可以接收三个参数：1。要绑定的数据。2.要添加或修改的属性的名称。3.要分配的值

　　这个。$set(this.projectList， projectName ，陈学民)

　　第三，手动更新视图

　　它可以影响这个例子和现实中的槽内容。

　　这个。$forceUpdate() //vm。$forceUpdate()

　　关于vue在不更新的情况下修改elementUI的分页组件视图的详细说明本文到此为止。有关vue元素分页组件视图的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。