项目中别人问到的一些问题整理（随时更新）--vue

1. el-table与el-pagination，翻页处理时，将table的滚动条设置到顶部
    解决：给el-table加ref属性，脚本中加this.$refs.dataTbl.bodyWrapper.scrollTop = 0;即可。

2. Vue-drag-resize
    基于vue的拖拽缩放插件

3.vue使用scss
   3.1. npm install node-sass sass-loader --save-dev
          找到工程下build/webpack.base.conf.js，在rules下添加scss规则：
          {
             test: /\.scss$/,
             loaders: ['style', 'css', 'sass']
          }
   3.2. 在vue文件中使用
          <style lang="scss"></style>
    就可以使用了。

4.vue使用Element UI
   4.1.安装Element UI： npm i element-ui -S
   4.2.在main.js中加上如下代码
         import Element from 'element-ui';
         import 'element-ui/lib/theme-chalk/index.css';
         Vue.use(Element);

5.vue使用vuex
   5.1.npm install vuex --save 安装vuex
   5.2.此处依据个人习惯，创建就可以，我个人在src目录下创建了store/store.js
      在store.js中添加：
      import Vue from 'vue';
      import Vuex from 'vuex';
      Vue.use(Vuex);
      const store = new Vuex.Store();
      export default store;
   5.3.在main.js中引入store

6.使用scss的时候，如果遇到 this.getResolve is not a function 这样的错误时，
   原因是使用了高版本的sass-loader，解决方案我只找到了降版本解决。
   可以按照下面处理：
   npm uninstall sass-loader
   npm install sass-loader@7.3.1 --save
  是否有对高版本的解决方案，暂时我不清楚