element-plus-extend

一个基于 element-plus 的扩展组件库，用于快速开发。

在线文档

已扩展组件

• [ ] el-contextmenu

安装

npm install element-plus-ext

使用

全局注册

// main.js

import { createApp } from 'vue'
import App from './App.vue'
import 'element-plus/dist/index.css'
import ElementPlusExt from 'element-plus-ext'
import 'element-plus-extend/dist/style.css'

const app = createApp(App)
app.use(ElementPlusExtend)
app.mount('#app')

局部注册

// main.js 全局导入样式

import 'element-plus-extend/dist/style.css'

// 组件中局部注册

<script setup lang="ts">
import { ElContextmenu } from 'element-plus-ext'

window.addEventListener('contextmenu', event => {
  event.preventDefault()
  ElContextmenu({
    event,
    menus: [
      {
        index: 'openFile',
        label: '打开文件',
        onClick: () => {
          console.log('打开文件')
        }
      }
    ]
  })
})
</script>