Error in data(): “ReferenceError: getToken is not defined“

项目遇到一个问题,用的是若依框架,进行一个导入仿制时,遇到的小问题,基本上把系统管理 -> 用户管理的导入代码直接拿来用即可,当然也可以自己封装,但能提高效率就cv吧,而且项目也不是大规模用到

看一下报错提示吧,其实已经提示很明显了,getToken未定义 那就去页面找嘛,果然在用户导入参数的请求头那有用到上传的请求头,headers: { Authorization: "Bearer " + getToken() },应该就是解决getToken传参问题,这里不深究

看一下报错

解决这个问题很简单,直接引入存储有getToken的页面即可

import { getToken } from "@/utils/auth";

在提供的代码片段中,确实存在一个引用错误:“ReferenceError: originColums is not defined”。这个错误出现在 `setup` 函数内部,具体是在以下部分: ```javascript const renderMergedCells = (value, row, index, dataIndex) => { // ... const dataSource = dataSource.value; // ... }; // ... const mounted = () => { originColums.value = deepClone(columns.value); // ... }; ``` ### 问题分析 1. **变量未定义**:`originColums` 在使用前没有被定义。 2. **初始化顺序**:`originColums` 应该在 `state` 对象中定义并初始化。 ### 解决方案 为了修复这个问题,需要在 `state` 对象中定义 `originColums` 并初始化它。以下是修改后的代码: ```javascript const state = reactive({ nowFirst: 'projectCode', columnsKey: 0, projectNameList: [], projectName_Code: '', projectBudgetMarginWarning: 0, expandedRowKeys: [], workorderProjectList: [], description: '营业报表管理页面', fastTime: ['本月', '上月', '近半年'], noCreate: true, hasUpdateTime: true, configOrderSubTypeList: [], configOrderSubTypeTemp: undefined, allDepartList: [], hallCodeDataList: [], spinning: false, checkFlag: true, updateTime: '', url: { list: "/web/materialVoucherDetails/getProjectMaterialStatistic", exportXlsxUrl: "/web/materialVoucherDetails/exportProjectMaterialStatisticExcel", exportPdfUrl: "/web/bizBusinessRecord/exportpdf", exportDetailUrl: "/web/bizBusinessRecord/exportDetailExcel" }, keyList: ['saleNum', 'saleName', 'terminalTypeName', 'userTypeName', 'configOrderMainTypeName', 'configOrderSubTypeName'], ipagination: { current: 1, pageSize: 20, pageSizeOptions: ['20', '50', '80'], showTotal: (total, range) => `${range[0]}-${range[1]} 共 ${total} 条`, showQuickJumper: true, showSizeChanger: true, total: 0 }, originColums: [], // 添加这一行 columns: [ // 列定义... ], queryParam: { type: '', projectCode: '', projectName: '', subProjectName: '', departId: '', material: '', producerId: '', specification: '', materialInventoryResult: '', projectDateBegin: '', projectDateEnd: '' }, dataSource: [], loading: false, toggleSearchStatus: false }); // ... 其他代码保持不变 ``` ### 说明 1. **添加 `originColums` 初始化**:在 `state` 对象中添加 `originColums: []`,这样在 `mounted` 钩子中可以安全地访问和赋值 `originColums.value`。 2. **保持其他代码不变**:其他部分的代码不需要修改,只需确保 `originColums` 已经正确初始化即可。 通过以上修改,应该可以解决 “ReferenceError: originColums is not defined” 错误。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值