vue+ts 请求数据

请求接口文件

export async function sendCode(params): Promise<any> {
    return request({
        url: '/auth/code',
        method:'post',
        data:params
    });
}

data定义数据文件

export interface TableTagDataType {
    list: TableTagListItem[];
    pagination: PaginationConfig;
}

/**
 * 数据列表
 */
export interface TableTagListItem {
    chain_id: number;
    chain_name: string;
    created_at: string|null;
    id: number;
    name: string;
    sort: number;
    updated_at: string|null;
    vip_count: number;
}

store请求文件

     /**
         * 新增数据
         * @param commit
         * @param payload
         */
        async createTableVipData({ commit }, payload: Pick<TableVipListItem, "true_name"> ) {
            try {
                await createVipData(payload);
                return true;
            } catch (error) {
                return false;
            }
        },

页面数据请求

数据要先定义

 const detailUpdateLoading = ref<number[]>([]);
      const detailUpdateData = async (id: number) => {
        detailUpdateLoading.value = [id];
        const res: boolean = await store.dispatch('ListTagTable/queryUpdateVipData', id);
        if (res === true) {
          setUpdateFormVisible(true);
        }
        detailUpdateLoading.value = [];
      };