vue中使用this.$Modal控制台提示$attrs is readonly，用了iview

Question

直接上代码

<script>
  import chat from './../../store/modules/chat'
  export default {
    methods: {
      logout () {
        this.$Modal.confirm({
          title: '您真的要退出登录吗？',
          loading: true,
          onOk: () => {
            let res = chat.logout()
            console.log(res)
            this.$Modal.remove()
            this.$router.push('/login')
          }
        })
      }
    }
  }
</script>
<template>
    <div class="m-menu">
        <Icon type="md-power" slot="prefix" class="exit" @click="logout"></Icon>
    </div>
</template>

功能什么的都是正常的，就是有这个报错

[Vue warn]: $attrs is readonly.
[Vue warn]: $listeners is readonly

环境

"axios": "^0.18.0",
"iview": "^3.2.2",
"vue": "^2.6.6",
"vue-electron": "^1.0.6",
"vue-router": "^3.0.1",
"vuex": "^3.0.1",
"vuex-electron": "^1.0.0"

Answer 1

google搜了半天，最后在element/issues找到了解决方法。
https://github.com/ElemeFE/el...

修改 webpack.render.config.js:

let whiteListedModules = ['vue'];

把iview ui添加进去

let whiteListedModules = ['vue', 'iview'];

就没有保错，在此之前也尝试升级了vue版本还是不行。