q-component-vue3

Installation

npm i q-component-vue3 --save


## Usage
 
main.ts

// script

import { createApp } from 'vue' import './style.css' import App from './App.vue' // 引入elementplus import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' import setupGlobCom from 'q-component-vue3' import zhCn from 'element-plus/es/locale/lang/zh-cn'

// 创建实例 const setupAll = async () => { const app = createApp(App) //导入组件q-component-vue3 await setupGlobCom(app) //ElementPlus,默认为英文这里修改为中文 app.use(ElementPlus, { locale: zhCn }) app.mount('#app') }

setupAll()

App.vue

//富文本 //v-model 赋值

//组织选择

//VGTableOpts 配合table使用 操作列 <template #default="scope"> <VGTableOpts @edit="addOrUpdateHandle(scope.row.id)" @del="handleDel(scope.row.id)"> {{ $t('workplace.more') }} <template #dropdown> <el-dropdown-item @click="handleResetPwd(scope.row.id, scope.row.account)"> 重置密码 <el-dropdown-item v-if="scope.row.enabledMark === 2" @click="handleUnlockUser(scope.row.id)"> 解除锁定

//树形下拉

 <VGTreeSelect
              v-model:modelValue="parentId"  //绑定值
              :options="treeData" //数据源
              placeholder="选择"
     />