前端应用本地 json 数据

本地json 数据

{
    "data": [
        {
            "componentName": "schoolBudget",
            "type": "expenditure_school",
            "text": "学校预算经费",
            "caseType":"expenditure_school"
        },
        {
            "componentName": "schoolBudget",
            "type": "expenditure_depart",
            "text": "部门预算经费",
            "caseType":"expenditure_depart"
        },
        {
            "componentName": "reimbursement",
            "type": "expenditure_reimbursement",
            "text": "差旅费报销单",
            "caseType":"expenditure_reimbursement"
        }
    ]
}

引用文件 当前文件是js 文件 也可以引入vue 文件直接在方法里调用

json 文件如 
import pageData from "./../text.json"
export const dataApprovalMixins = {
    methods: {
        dataApprovalDialogShow(action = "add", params) {
            // 根据params判断弹框
            if(["我的审批","审批列表"].includes(this.modeName)){
                params.type = "BasicData_personInfo"
                let obj = pageData.data.find((e)=>e.caseType == params.type)
                this.type = obj?obj.type:""
            }
        },
    }
}

第二种引入
公用数据 利用 export 数据出 方便调用

// 在职人员经费预算表
export const onJobPersonnelJson = [
    {
        ecoType: '30309-奖励金', funClass: "250302"
    },
    {
        ecoType: '30310-个人农业生产补贴', funClass: "250302"
    },
    {
        ecoType: '30399-其他对个人和家庭的补助', funClass: "250302"
    },

]

// 退休人员经费预算表
export const retirePersonnelJson = [
    {
        ecoType: '3030299-其他退休费', funClass: "2050302"
    },
    {
        ecoType: '30303-退职（役）费', funClass: "2050302"
    },
    {
        ecoType: '30309-奖励金', funClass: "2050302"
    },
]
// 外聘人员经费预算表
export const externalJson = [
    {
        ecoType: '3019903-其他聘用人员工资',
        funClass: "2050302"
    },
    {
        ecoType: '30399-其他对个人和家庭的补助',
        funClass: "2050302"
    }
]
// 公用经费预算表
export const PersonnelJson = [

    {
        ecoType: '31007-信息网络及软件购置更新', funClass: "2050302"
    },
    {
        ecoType: '31022-无形资产购置', funClass: "2050302"
    },
    {
        ecoType: '31099-其他资本性支出', funClass: "2050302"
    },



]

调用数据

// 公用弹框数据引入
import { onJobPersonnelJson, retirePersonnelJson, PersonnelJson, externalJson, } from "./components/publicJson"
export const publicBudgMixin = {
    data() {
        return {
            // 接口
            pageOptionsApi: {},
            // 按钮
            buttomDataShow: [],
            // 表名称
            titleName: '',
            // json 数据
            jsonData: []
        }
    },
    methods: {
        getPageData(routeLabel) {
          if（routeLabel==1）{
          公用数据赋值
                this.jsonData = onJobPersonnelJson
          }else{
              公用数据赋值
                 this.jsonData = retirePersonnelJson
          }
       
      
         
          
            }

        },
    }
}