当前位置:主页 > 网页前端 > vue >

element-ui中dialog弹窗关闭按钮失效的解决

时间:2021-04-21 09:36:40 | 栏目:vue | 点击:

如下所示:

<el-dialog title="修改库存" :visible.sync="kcDialog" @close="kcDialog = false">
...
</el-dialog>

加一个@close可以是一个方法或者直接操作kcDialog为false

补充知识:webpack外部扩展,依赖前置

引入了外部js

index.html

<script
 src="https://code.jquery.com/jquery-3.1.0.js"
 integrity="sha256-slogkvB1K3VOkzAI8QITxV3VzpOnkeNVsKvtkYLMjfk="
 crossorigin="anonymous">
</script>

js中

import $ from 'jquery'

这时候会报jquery undefined之类的

在webpack配置文件中

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

您可能感兴趣的文章:

相关文章