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,vue.js)