您当前的位置： 首页 > 慢生活 > 程序人生 网站首页程序人生

04-分页查询-后台&前端(element plus的cdn方式实现cdn的国际化)

发布时间：2024-12-14 13:15:11编辑：雪饮阅读（）

基于上篇的自定义泛型分页类我们的分页前后端基本算是完成了。
这次主要是完善下国际化问题，如果你默认最基本的分页组件的话，现在是看不到国际化问题。
但假如我要假如显示总数据条数和到第几页的功能的时候，你就能看到这个问题了，默认是英文的。
那么el-pagination标签的layout属性如
<el-pagination layout="total,prev, pager,next,jumper" :total="total" v-model:current-page="page" ></el-pagination>
这里total,prev, pager,next,jumper中total就是展示总条数，jumper就是显示到第几页的功能。
layout中的每个逗号分隔的值就对应一个功能，功能的显示顺序也正好对应layout中的每个功能从左到右顺序依次也在页面中以从左到右显示。
那么要实现国际化，默认饿了么上面提到的国际化则是非cdn的方式，我这里则是说用cdn的方式。
除了引入element plus的cdn，还要引入国际化的cdn
<script src="//unpkg.com/element-plus/dist/locale/zh-cn"></script>
这种不带协议都可以？
挺奇怪的，其实element plus的cdn方式如
<script src="//unpkg.com/element-plus"></script>
也是这样的。
然后在use element plus的时候将该国际化也use进去
.use(ElementPlus, {
    locale: ElementPlusLocaleZhCn,
})