vue的一些模块功能

vue实现点击打印功能

vue中安装   vue-easy-print

npm install vue-easy-print --save

在需要用到的页面引入插件

import   vueEasyPrint   from  "vue-easy-print";

将需要打印的部分，放入一下标签中

<vue-easy-print ref="easyPrint" tableShow></vue-easy-print>

点击触发，自定义点击事件，在事件中执行以下代码

this.$refs.easyPrint.print()

vue实现拼音匹配

vue中安装   pinyin-match

npm install pinyin-match --save

在需要用到的页面引入插件

import PinyinMatch from "pinyin-match";

用法

    PinyinMatchYP(query) {
      if (query !== "") {
        let result = [];
        this.options.forEach((i) => {
          let m = PinyinMatch.match(i.drug_name, query);  //(需要过滤的名称，输入的关键词)
          if (m) {
            result.push(i);
          }
        });
        this.options = result;
      } else {
        this.drugarr();
      }
    },

 vue实现elementui 表格导出

vue中安装   file-saver

npm install --save xlsx file-saver

在需要用到的页面引入插件

import FileSaver from "file-saver";

import XLSX from "xlsx";

elementui表格未使用fixed