页面优化

src/main.js

@@ -11,6 +11,20 @@ Vue.prototype.$axios = axios
 
 Vue.config.productionTip = false
 
+// 注册 表格滚动底部指令
+Vue.directive('moretable', {
+  bind(el, binding) {
+    // 获取element-ui定义好的scroll盒子 表格滚动底部事件
+    const TABLE_DOM = el.querySelector('.el-table__body-wrapper')
+    TABLE_DOM.addEventListener('scroll', function () {
+      const CONDITIONVALUE = this.scrollHeight - this.scrollTop <= this.clientHeight
+      if (CONDITIONVALUE) {
+        binding.value()
+      }
+    })
+  }
+})
+
 new Vue({
   render: h => h(App),
 }).$mount('#app')

vue.config.js

@@ -4,21 +4,14 @@ module.exports = {
     publicPath: './',
     devServer: {
         open: true,
-        host: 'localhost',
-        port: 8080,
-        https: false,
-        //以上的ip和端口是我们本机的;下面为需要跨域的
-        proxy: {//配置跨域
+        proxy: {
             '/car-record-api': {
                 target: 'http://127.0.0.1:8280',
-                //这里后台的地址模拟的;应该填写你们真实的后台接口
-                ws: true,
-                changOrigin: true,//允许跨域
+                changOrigin: true,
                 pathRewrite: {
-                    '^/car-record-api': ''//请求的时候使用这个api就可以
+                    '^/car-record-api': ''
                 }
             }
-
         }
     }
 }