本文共 524 字，大约阅读时间需要 1 分钟。

计算属性和监听器区别：

• 计算属性可以简化差值表达式写法
• 计算属性变量定义在computed中，可以直接使用在｛｝中的，跟methods中函数类似，只不过有利于缓存，性能更好
• 计算属性可以防止监听属性的滥用，但一些异步请求，计算属性做不到，还得watch来完成。

监听页面的总条数，并对总条数进行判断。从而刷新列表

<el-pagination    layout="prev, pager, next"    @current-change="changePageNum"    :current-page="currentPage"    :page-size="pageSize"    :total="total"></el-pagination>

watch:{         total(){           if(this.total==(this.currentPage-1)*this.pageSize&& this.total!=0){             this.currentPage-=1;          getDiscountList(this);//获取列表数据        }      }    }