iview 3.0.0 按需引入的bug

发布时间:2019-05-17 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了iview 3.0.0 按需引入的bug脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

iview 3.0.0 按需引入的bug

官网教程 https://www.iviewui.com/docs/... 简单易懂

图片描述

按照官网撸完会再在我们的项目中引入你需要的组件(比如button),会发现报如下错:
Cannot read property 'size' of undefined

这是为什么呢,都是按照官网一手一脚码的,这时候我们需要怀疑的精神,直接打开
node_modules/iview/src/components/button/这个文件夹,看看button.vue这里的源码然后找到props.size的undefault方法,将this.$IVIEW打印出来,你就会发现原因所在
图片描述

这个this.$IVIEW 打印出来是undefined,这个就可以解析上面Cannot read property 'size' of undefined的报错了

解决办法

在入口js(main.js)上自己手动给vue.$IVIEW绑定一个空对象

import 'iview/dist/styles/iview.css';

import { Button, Table } from 'iview';
Vue.component('Button', Button);
Vue.component('Table', Table);
//手动给绑定个空对象,就不会报错了
Vue.prototype.$IVIEW = {}

脚本宝典总结

以上是脚本宝典为你收集整理的iview 3.0.0 按需引入的bug全部内容,希望文章能够帮你解决iview 3.0.0 按需引入的bug所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:Vue