听说会走远

![el-formItem.jpg](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9240bab7bb0b4b89b2e13719fb5e113

原因：table绑定的data 与el-form的model是关联的，el-form-item校验的值必须是table中的数据，否则监听不到,自然校验不准 方法一：el-table-column中嵌套

vue全局监听页面滚动事件 清除一些弹框类的操作。 滚动的时候如果不取消弹窗，弹窗会一直向上移动。

el-table怎么实现触底加载更多？ 三步曲： 定义指令--绑定指令--执行方法 elemen-ui

这是因为scrolltop只对滚动元素生效，当前滚动元素不是refData，而是设置了overflow:auto的元素

为什么this.$bus.$emit会不执行呢？ $on在$emit后面执行，所以在$emit执行时 没有$on来接受参数，导致第一次触发时不能执行 重点： 以下是重点代码可参考 页面结构

1.可以通过/deep/或者::v-deep(仅在cli3中生效) 通过官方提供的customClas--MessageBox 的自定义类名 ！element-ui修改的样式不能在scoped中生效

重点放头部：scrollTop只能设置给已经设置滚动的父元素，即想给元素设置scrollTop，元素css必须有scroll-y:scroll属性； 业务场景：顶部有多个tab 其中一个有很长的列表，

要实现的效果 实现重点： text-align: justify; display: inline-block; overflow: hidden;并增加为元素