element -ui的el-pagination组件踩坑,:total属性赋值页面展示不出来的问题

element -ui的el-pagination组件踩坑,:total属性赋值页面展示不出来的问题。

    • 组件代码:![在这里插入图片描述](https://img-blog.csdnimg.cn/20181123170915420.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E1MTk2Mzc1NjA=,size_16,color_FFFFFF,t_70)

在使用element -ui的el-pagination组件的过程中,遇见了:total属性赋值页面展示不出来的问题。
如图:element -ui的el-pagination组件踩坑,:total属性赋值页面展示不出来的问题_第1张图片

组件代码:element -ui的el-pagination组件踩坑,:total属性赋值页面展示不出来的问题_第2张图片

由于我是给他赋值的是变量所以一直没有刷新出来。
element -ui的el-pagination组件踩坑,:total属性赋值页面展示不出来的问题_第3张图片
解决办法:element -ui的el-pagination组件踩坑,:total属性赋值页面展示不出来的问题_第4张图片
由于element -ui 这个组件需要的传入的是一个整数,所以在传入变量的时候需要注意一下。可以用parseInt方法把字符串转换成数字
把变量进行转换后效果就出来了:
element -ui的el-pagination组件踩坑,:total属性赋值页面展示不出来的问题_第5张图片

你可能感兴趣的:(VUE)