element-ui的分頁組件可以通過設置不同的屬性來實現國際化,具體步驟如下:
import ElementUI from 'element-ui';
import locale from 'element-ui/lib/locale/lang/en'; // 引入英文的國際化配置文件
Vue.use(ElementUI, { locale });
<el-pagination
:total="1000"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
:prev-text="$t('pagination.prev')"
:next-text="$t('pagination.next')"
:page-size-opts="[10, 20, 30, 40]"
>
</el-pagination>
export default {
pagination: {
prev: 'Previous',
next: 'Next',
}
}
通過以上步驟,可以實現element-ui分頁組件的國際化。