Vue插件列表

// 导出的表格的字段配置
exportExportFileds(){
    // 获取当前的表头，然后遍历，输出符合条件的对象
    let exportFields={}
    for(let item of this.historyHeader){
    let name=item.name;
    let field=item.field;
    if(field=='RecordTime'||name=='时间'){
        exportFields[name]={
        field: field,
        callback: (value) => {
            let time=this.$moment(value).format("YYYY-MM-DDTHH:mm");
            return time;
        }
        };
    }else{
        exportFields[name]=field;
    }

    }
    return exportFields;
}

data.map(function (item, index) {
    xlsData += "<tr>";
    for (let key in item) {
        xlsData +=
        // 原代码
        // "<td>" +

        // 新代码
        "<td style=\"mso-number-format:'\@';\">" +
        _self.preprocessLongNum(
            _self.valueReformattedForMultilines(item[key])
        ) +
        "</td>";
    }
    xlsData += "</tr>";
    });

// 导出excel组件
// import JsonExcel from 'vue-json-excel';

// 自定义插件
import JsonExcel from "@lib/JsonExcel.js";

// 将json数据转为数组
const formatJson = (headValue, jsonData) => {
    return jsonData.map((v) => headValue.map((j) => v[j]))
}
// 导出表格
let date=moment().format("YYYYMMDDHHmmss");
let filename=date;
excel.export_json_to_excel({
    header: tHeader, //表头 必填
    data:formatJson(Object.keys(TableFileds), tData), //具体数据 必填
    filename: filename, //非必填
    autoWidth: true, //非必填
    bookType: 'xlsx' //非必填
})

import { codemirror } from 'vue-codemirror'

// import base style
import 'codemirror/lib/codemirror.css'
import 'codemirror/theme/blackboard.css'
import 'codemirror/mode/javascript/javascript.js'

/**配置内容**/
cmOptions: {
    tabSize: 4,
    mode:"text/javascript",
    theme: 'blackboard',
    lineNumbers: true,
    line: true,
    highlightDifferences:true,
    // more CodeMirror options...
}, // 代码编辑器的配置

/**组件引用**/
<codemirror
    ref="cmEditor"
    :value="dbConfig.flow"
    :options="cmOptions"
/>

let name=tab.name;
let codeM=this.$refs["cmEditor_"+name].codemirror;
let data=this.dbConfig[name]||"";
this.$nextTick(() => {
    // 进行json格式化
    try{
        data=JSON.parse(data);
        codeM.setValue(JSON.stringify(data, null, 2));
    }catch{
        // codeM.setValue(data);
    }
    codeM.refresh();
})

npm install jsonlint --save  //npm 安装组件
import jsonlint from 'jsonlint' //引入
window.jsonlint = jsonlint  //全局化

// 也有人通过这样引入
npm install -D script-loader
import 'script-loader!jsonlint';

npm install file system --save  //npm 安装组件