位置: IT常识 - 正文

vue vben admin 使用, (个人感觉这项目封装的太深了!!!!)(vue-admin-master)

编辑:rootadmin
vue vben admin 使用, (个人感觉这项目封装的太深了!!!!) useTable 使用

推荐整理分享vue vben admin 使用, (个人感觉这项目封装的太深了!!!!)(vue-admin-master),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue admin go,vue_admin,vue-admin-pro,vue-admin-master,vue-admin-pro,vue-admin-master,vue admin temple,vue adminlte,内容如对您有帮助,希望把文章链接给更多的朋友!

vue vben admin 使用, (个人感觉这项目封装的太深了!!!!)(vue-admin-master)

我们是不会被困难打败的, 只会越战越勇!

开启了表单搜索功能, demo 代码是 formtable 组件, 个人还是比较喜欢 template 方式, 这样的方式使用不了 getForm 这种方法

需要注意的是, 如果使用了组件表单搜索功能, 就是说你需要提供一个获取数据的api, 这里着重去看怎么适配表格需要的响应数据结构

组件代码<template> <BasicTable ref="bastTable" :can-resize="true" :use-search-form="true" :form-config="getFormConfig()" :api="demoListApi" :columns="getBasicColumns()" /> <div>get</div></template><script lang="ts"> import { defineComponent } from 'vue'; import { BasicTable } from '/@/components/Table'; import { getBasicColumns, getFormConfig } from './tableData'; import { demoListApi } from '/@/api/demo/table'; export default defineComponent({ components: { BasicTable }, setup() { return { demoListApi, getFormConfig, getBasicColumns, }; }, });</script>表格的请求数据结构配置 代码地址table: { // Form interface request general configuration // support xxx.xxx.xxx fetchSetting: { // The field name of the current page passed to the background pageField: 'page', // The number field name of each page displayed in the background sizeField: 'pageSize', // Field name of the form data returned by the interface listField: 'items', // Total number of tables returned by the interface field name totalField: 'total', },

如果你的数据结构不满足, 可以在请求方法里面做一层转换; 在请求方法里面重新返回一个 promise 对象, 用满足规定的格式返回就可以了

export const demoListApi = (params: DemoParams) => { return new Promise((resolve, reject) => { defHttp .get<DemoListGetResultModel>({ url: Api.DEMO_LIST, params, headers: { // @ts-ignore ignoreCancelToken: true, }, }) .then((res) => { resolve({ items: res.items, }); }); });};

建议表格这种东西使用 vben自己封装的, ant design 自身的还需要你去动态调整表格高度

本文链接地址:https://www.jiuchutong.com/zhishi/287318.html 转载请保留说明!

上一篇:post请求出现required request body is missing错误的问题所在?(post请求params)

下一篇:Sonar:VSCode配置SonarLint/SonarLint连接SonarQube(sonar-scanner需要配置环境变量)

  • 怎么做百度霸屏?这有一份个人品牌百度霸屏技巧(百度霸屏实战教程)

    怎么做百度霸屏?这有一份个人品牌百度霸屏技巧(百度霸屏实战教程)

  • 华为无线耳机可以连接苹果手机吗(华为无线耳机可以用66w充电吗)

    华为无线耳机可以连接苹果手机吗(华为无线耳机可以用66w充电吗)

  • 华为手机自带万能钥匙在哪(华为手机自带万能遥控器下载)

    华为手机自带万能钥匙在哪(华为手机自带万能遥控器下载)

  • erp ready需要开启吗(erp ready开还是关)

    erp ready需要开启吗(erp ready开还是关)

  • 导数据是什么意思(导数导出来的是什么)

    导数据是什么意思(导数导出来的是什么)

  • 手机热点ip地址固定吗(手机热点ip地址能查到手机号码)

    手机热点ip地址固定吗(手机热点ip地址能查到手机号码)

  • mhz和ghz的换算(mhz和ghz的区别)

    mhz和ghz的换算(mhz和ghz的区别)

  • 手机照片太多怎么解决(手机照片太多怎么一下找出来)

    手机照片太多怎么解决(手机照片太多怎么一下找出来)

  • oppor9s怎么升级安卓系统7.0(oppor9s怎么升级到cloros5.2.1)

    oppor9s怎么升级安卓系统7.0(oppor9s怎么升级到cloros5.2.1)

  • 手机淘宝买过的店删除(手机淘宝买过的东西删除了怎么找回)

    手机淘宝买过的店删除(手机淘宝买过的东西删除了怎么找回)

  • opporeno跑马灯设置(opporeno5跑马灯怎么设置)

    opporeno跑马灯设置(opporeno5跑马灯怎么设置)

  • 目录的索引怎么打(目录索引怎么取消)

    目录的索引怎么打(目录索引怎么取消)

  • 苹果xr是九代吗(苹果手机xr是苹果几代)

    苹果xr是九代吗(苹果手机xr是苹果几代)

  • 华为nova5i支不支持分屏(华为nova5i支不支持OTG)

    华为nova5i支不支持分屏(华为nova5i支不支持OTG)

  • cad图纸比例怎么设置(cad图纸比例怎么确定)

    cad图纸比例怎么设置(cad图纸比例怎么确定)

  • vsco试用会员怎么取消(vsco 会员)

    vsco试用会员怎么取消(vsco 会员)

  • 小米手机有放大镜功能吗(小米手机有放大功能吗)

    小米手机有放大镜功能吗(小米手机有放大功能吗)

  • xr如何快速切换主副卡(xr怎么开启切换控制)

    xr如何快速切换主副卡(xr怎么开启切换控制)

  • r5 3600用什么散热器(r5 3600用什么散热器压)

    r5 3600用什么散热器(r5 3600用什么散热器压)

  • 华为手机遮挡顶部功能怎么取消(华为手机遮挡顶部黑屏怎么关闭)

    华为手机遮挡顶部功能怎么取消(华为手机遮挡顶部黑屏怎么关闭)

  • p30pro双卡怎么装(华为p30pro怎么插双卡)

    p30pro双卡怎么装(华为p30pro怎么插双卡)

  • 手机号丢了可以补办吗(手机号丢了可以登录微信吗)

    手机号丢了可以补办吗(手机号丢了可以登录微信吗)

  • c0000218蓝屏解救方法(蓝屏c0000218代码是什么情况)

    c0000218蓝屏解救方法(蓝屏c0000218代码是什么情况)

  • 城市创业生意——开办一家咨询服务公司躺赚钱(城市里创业)

    城市创业生意——开办一家咨询服务公司躺赚钱(城市里创业)

  • 小规模企业所得税计算
  • 招待费增值税税率
  • 医院要交什么费用
  • 个税什么会计科目
  • 已申报税额是什么意思可以退吗
  • 多少金额以下可以一次性费用
  • 通行费电子发票没有通行费字样
  • 财税公告2019年第74号
  • 个人抬头发票可以抵税个人所得税吗
  • 新开商贸公司怎么做账和报税
  • 施工单位奖金分配方案
  • 置换回房产怎么过户
  • 募集资金怎么算
  • 发票未能在汇算清缴前取得怎么办?
  • 不征税收入和免税收入有什么区别
  • 固定资产未验收投入使用
  • 预收房款什么意思
  • 房产税的改革方向
  • 工会经费的会计分录2023
  • 非营利组织免税收入孳生的银行存款利息
  • 公司收到残联补助如何开票
  • 会计折算是什么意思
  • php有啥用
  • 智能路由器哪个牌子好
  • 存货盘亏能否税前扣除
  • regsvr32 shmedia.dll
  • 有关增值税的计算真题
  • vue 的watch
  • 以前年度未入账固定资产账务处理
  • 车间装修预算表
  • php 字符串处理函数
  • 项目部署计划
  • 小糖是谁
  • vue关闭路由
  • 收到政府扶持资金
  • arptables命令详解
  • mysqldump语句
  • 单位购日用品计提折旧吗
  • 做工程没钱了可以贷款吗
  • python根据键输出值
  • mysql执行时间太长
  • dedecms主页修改
  • 未分配利润与净利润有关系吗
  • 年末未分配利润减去年初未分配利润等于什么
  • 4s店除了卖车还有什么
  • 工资走公账和私账哪个好
  • 对于企业处理废水的建议
  • 租金收入怎么做分录
  • 资产负债表怎么算
  • 购货发票属于是什么凭证
  • 以前年度少计成本的税务处理
  • 企业所得税的税收筹划
  • 工业企业外购存货的实际成本不包括
  • 特殊销售方式下销售额的确定
  • 非营利组织注册资金可以用吗
  • 到期不续约补偿金怎么算
  • 跨年度暂估成本的账务处理
  • 微信支付属不属于电子商务
  • 货拉拉平台运费没有结打不通电话怎么办
  • 国际航班怎么报销
  • 1.金融资产有哪些基本类型?
  • mysql 性能调优参数
  • mysql案例分析
  • sqlserver怎么用sql创建表
  • win10出现
  • centos bz
  • 运行ghost
  • 如何不让qq开机自启
  • Windows XP Professional VLK SP2 简体中文版
  • 自动登录xp系统怎么办
  • win10怎么分屏操作
  • shell脚本 教程
  • 深入理解计算机系统
  • python xml.dom.minidom模块生成xml
  • js控制横向滚动条
  • javascript要学到什么程度
  • PYTHON使用缩进来体现代码之间的逻辑关系
  • 天津违规养犬的处罚依据
  • 商标注册图形查询
  • 领完发票后 怎么读取
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设