vue3 引入 ElementUI

 

vue3使用elementUI会报错，需要引入elementUI Plus。

Plus 官网：https://element-plus.gitee.io/zh-CN/guide/quickstart.html

UI 官网：https://element.eleme.cn/#/zh-CN/component/installation

1. 安装 ElementUI Plus

npm install element-plus --save

　package.json检查。　

　

 

2. 修改main.js 或 main.ts。

import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";

import ElementPlus from 'element-plus' //全局引入

import 'element-plus/theme-chalk/index.css';

createApp(App).use(router).use(scroll).use(ElementPlus).mount("#app");

　

 

3. 页面直接copy组件。

<template>
  <el-radio v-model="radio" label="1">备选项</el-radio>
  <el-radio v-model="radio" label="2">备选项</el-radio>
</template>

<script>
  export default {
    data () {
      return {
        radio: '1'
      };
    }
  }
</script>