Element-Plus自動導入v-loading指令不生效

 

目前項目中使用的Element-Plus版本以及自動導入的webpack插件版本為：

由於目前使用的是webpack，直接上代碼vue.config.js

const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')
​
module.exports = {
  outputDir: './build',
  configureWebpack: {
    plugins: [
      AutoImport({
        resolvers: [ElementPlusResolver({ importStyle: false })]
     }),
      Components({
        resolvers: [ElementPlusResolver()]
     }),
   ]
 },
}  

 

當然如果不生效的話，我們也可以給Element-Plus提供的指令基礎上再封裝一層：

main.js文件:

import { vLoading } from 'element-plus/es/components/loading/src/directive'
const app = createApp(App)
app.directive('load', vLoading)