element-plus 3.X 分页显示BUG?

直接在官网拷贝代码

  <template>

<el-pagination background layout="prev, pager, next" :total="1000" />

</template>

结果渲染不显示,空白的。关键是没任何报错。
这怎么解决的?

main.js是正常的

import ElementPlus from "element-plus";

import zhCn from "element-plus/es/locale/lang/zh-cn";

const app = createApp(App);

app.use(ElementPlus, { locale: zhCn }).use(store).use(router).mount("#app");


回答:

可能是样式文件没有被加载,确保在项目中导入了 Element-Plus 的样式文件。在 main.js 中添加以下代码:

import "element-plus/packages/theme-chalk/src/index.scss";

以上是 element-plus 3.X 分页显示BUG? 的全部内容, 来源链接: utcz.com/p/933899.html

回到顶部