前阵子用到了Element-ui,遇到一些小问题,过后想想都是挺白痴的,还是总结下吧~
一. 按需引入报错
比如想要用select组件,然后找到了组件的API,然后找了一个例子代码粘贴过了,也 import { Select } from 'element-ui'和Vue.use(Select) 了,但是报错了
vue.esm.js?efeb:591 [Vue warn]: Unknown custom element: <el-option> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
一开始还在想是不是哪的name不对什么的,其实是select的子组件没有引进来

所以还要引入import { Option } from 'element-ui'
二. API里Methods和Events的用法区别
还是select组件,代码示例中,选择完选项之后并没有失去焦点,点击一下别的区域会触发失去焦点事件

但是代码中,如果点击的是带有事件的区域,就不会触发这个组件的失焦事件了,当时没有细看api,还天真的以为这个有bug啊,但是之后回过头细看api发现是给出方法去主动触发失去焦点事件的


<el-select v-model="lessonValue" @change='courseChange' @focus="courseFocus"></el-select>
后来还是无意中问了下组长这个api,他看了眼说用refs吧,然后就恍然大悟。。。
this.$refs.planSelect.blur()
就是这么简单。。。