bbslzy001 / money-minder

money-minder

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.

money-minder's Issues

添加Breadcrumb

Tool页面的header需要添加Breadcrumb，用于快速回退页面

ResizeObserver loop limit exceeded

描述

打开 http://127.0.0.1:8080/tool/manage-bill 页面时报错如下：

Uncaught runtime errors:
ERROR
ResizeObserver loop limit exceeded
at handleError (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:299:58)
at eval (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:318:7)

解决方法

在main.ts中定义如下内容：

type DebounceFunction = (...args: any[]) => void;

const debounce = (fn: DebounceFunction, delay: number): DebounceFunction => {
    let timer: number | null = null;
    return function (this: ThisParameterType<DebounceFunction>, ...args: any[]): void {
        const context = this;
        clearTimeout(timer as number | undefined);
        timer = window.setTimeout(function (this: ThisParameterType<DebounceFunction>) {
            fn.apply(context, args);
        }, delay);
    };
};

const _ResizeObserver = window.ResizeObserver;
window.ResizeObserver = class ResizeObserver extends _ResizeObserver {
    constructor(callback: (entries: ResizeObserverEntry[], observer: ResizeObserver) => void) {
        const debouncedCallback = debounce(callback, 16);
        super(debouncedCallback);
    }
};

”交易明细“添加交易时间的排序

通过el-table的sortable排序只能排当前页面，使用了分页插件后无法实现所有列表项的排序