SoFunction
Updated on 2025-03-03

Solution to the failure of the dialog pop-up window in element-ui

As shown below:

<el-dialog title="Modify inventory" :="kcDialog" @close="kcDialog = false">
...
</el-dialog>

Adding a @close can be a method or directly manipulate kcDialog to false

Supplementary knowledge:webpack external extension, depend on front-end

Introduced external js

<script
 src="/jquery-3.1."
 integrity="sha256-slogkvB1K3VOkzAI8QITxV3VzpOnkeNVsKvtkYLMjfk="
 crossorigin="anonymous">
</script>

In js

import $ from 'jquery'

At this time, you will report jquery undefined or something like that

In webpack configuration file

 = {
 entry: [],
 externals: {
   jquery: 'jQuery'
  },
  output: {...}
}

The above article on the issue of the failure of the dialog pop-up window in the element-ui is all the content I share with you. I hope you can give you a reference and I hope you can support me more.