Vue与element UI的小知识

.sync与v-model的异同

相同：
两者东可以用来同步数据，实现双向数据绑定

区别：
.sync可以多个绑定,绑定的值并没有限制

v-model只能绑定一个且绑定的是value值

.stop与.native

组件库

elementUI里的button按钮在点击后会自动获取焦点的问题
elementUI里的button按钮在点击后会自动获取焦点，使用enter与空格符也会触发该按钮的点击事件
解决:
添加失去焦点事件即可
禁用按键

//1.直接失去焦点
this.$refs.xxx.blur()
//在点击事件中
e.target.blur()

//禁用按键

DatePicker日期选择器，手动控制日期选择弹窗消失blur不生效
在el-date-picker标签加入ref=“aaa”
handleClose方法可以直接关闭选择弹窗
this.$refs.aaa.handleClose();

// el-tabs组件的蓝色下标总是大小不对 || 不展现
原因<el-tab-pane label="用户管理" name="first"></el-tab-pane>里边是空的，没有数据，或者数据v-if="false"导致
我的解决办法<el-tab-pane label="用户管理" name="first"><div style="display: none"></div></el-tab-pane>
目前还没有找到更好的解决办法