el-pagination自定义内容
时间: 2023-11-02 16:00:30 浏览: 55
el-pagination自定义内容可以通过修改pagination选项来实现。具体有两种方案可以实现自定义内容:
方案1:单独覆盖
在main.js中,首先引入element-ui中文包,然后将element-ui中pagination选项改掉。具体代码如下:
```javascript
// 页面首先引入element-ui中文包
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
// 然后将element-ui中pagination选项改掉
zhLocale.el.pagination = {
pagesize: '条/页',
total: `共 {total} 条`,
goto: '前往第',
pageClassifier: '页'
}
```
方案2:整体覆盖
在main.js中,首先引入element-ui中文包,然后通过Vue.use方法,将pagination选项整体覆盖。具体代码如下:
```javascript
// mian.js首先引入element-ui中文包
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
Vue.use(ElementUI, {
size: 'small',
locale: {
el: {
// 整体覆盖
...zhLocale.el,
pagination: {
pagesize: '条/页',
total: `共 {total} 条`,
goto: '前往第',
pageClassifier: '页'
},
}
}
})
```
以上就是el-pagination自定义内容的两种方案。