2019.11.4-2019.11.9(笔记)

1、不同组件之间传值，通过eventBus（小项目少页面用eventBus，大项目多页面使用 vuex）

（1）定义一个新的vue实例专门用于传递数据，并导出

 

（2）定义传递的方法名和传输内容，点击事件或钩子函数触发eventBus.emit事件

 

 

（3）接收传递过来的数据

注意：enentBus是一个另一个新的Vue实例，区分两个this所代表得vue实例

 

2、矩阵量表题数据展示解决办法：

（1）默认为零, 当列id和行id 和矩阵都相等时把值赋给它

 

（2）parseFloat(item.avgScore.toFixed(2));  保留两位小数

 

3、elementUI  Loading加载：

(1) 引入 Loading 服务：import { Loading } from 'element-ui';

(2) 在需要调用时：

const options = {

        fullscreen: true, 是否全屏

        lock: true,   是否锁定当前区域

        text: "数据导出中...", 显示在加载图标下方的加载文案

        spinner: "el-icon-loading",  设置loading图标

        background: "rgba(0, 0, 0, 0.7)", 设置loading背景

      };

 

let loadingInstance = Loading.service(options);

(3在需要结束时：loadingInstance.close();