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)