nuxtjs中使用elementui

1、下载安装elementUI

npm i element-ui -S

 2、在plugins文件夹下新建element.js 文件名自定义

import Vue from 'vue';
import ElementUI from 'element-ui';

Vue.use(ElementUI);

3、在nuxt.config.js中引入

css: [
    'element-ui/lib/theme-chalk/index.css'
  ],
  plugins: [
    '@/plugins/element',
  ],

 4、页面中使用即可看到效果

<template>
    <el-pagination
        background
        layout="prev, pager, next"
        @current-change="currentchange"
        :total="1000">
    </el-pagination>
</template>

猜你喜欢

转载自blog.csdn.net/Lsir1998/article/details/132323172
今日推荐