位置: 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需要配置环境变量)

  • 什么是价税分离的原因
  • 物流企业怎么做大做强?
  • 计入税金及附加的科目
  • 村委会什么会计准则
  • 股东权益合计在报表哪里看
  • 保洁公司纳税税率
  • 房屋租赁备案要准备什么资料
  • 民营企业的待遇
  • 预收账款本期发生额怎么算
  • 货物已到发票未到怎么做账
  • 印花税算错了可以补交吗
  • 折扣零售商是什么意思
  • 设备租赁公司购进设备怎么做账
  • 房产空置怎么判定
  • 用公户付了一笔款怎么办
  • 增值税发票时效性
  • 损益类科目包括收入类和费用类么
  • 电子发票逾期未报税怎么办
  • 维修是几个点的税率
  • 监事会职权口诀
  • 一次性收取一年租金
  • 卖废旧物品账务处理
  • 2022年最新cpu天梯图手机
  • 使用php进行mysql数据库编程的基本步骤
  • 上月多计提的税金及附加怎么办
  • 交通费补贴算工资吗?
  • 营改增后企业一般纳税人认定标准为
  • 递延所得税的计税基础
  • 开发商延期交房违法吗
  • 临时经营如何纳税
  • 新能源企业所得税税率是多少
  • php抽象函数
  • php扩展开发参考手册
  • 收到进项发票当月能抵扣吗
  • 使用php进行mysql数据库编程的基本步骤
  • 个税申报工资比实发工资少,但没超过5000可以举报吗
  • 个人往来款如何转为公司股权
  • 其他收益在资产负债表哪点
  • zarchiver 小米
  • 怎样在网上领取
  • 企业收购合并中土地问题
  • 上月未结账本月不能结账
  • 可抵扣进项税的普通发票
  • 哪些进项税额不得抵扣?
  • 小规模纳税人增值税计算公式
  • 企业之间利息收入开票吗
  • 职工社会保险费是什么意思
  • 为什么小规模不可以收专票
  • 已退货对方不开红字
  • 以物易物是什么时代
  • 银行扣的账户管理费属于什么科目
  • 没收到电费账单怎么办
  • 抵扣联和发票联的区别
  • 软件开发技术服务合同
  • 工商注册资本什么意思
  • sql语句错误提示
  • MySQL5.7 windows二进制安装教程
  • navicat连接教程
  • mysql sql语句性能调优
  • 如何解开win10电脑密码
  • 详述社会体育学科的研究对象
  • linux虚拟系统
  • ubuntu怎么设置
  • centos 7 安装
  • linux源码安装软件的方法介绍
  • win 7关闭睡眠
  • Win10 Build 14316启用Linux Bash 环境图文教程
  • win10怎么关闭讲述人模式
  • windows7系统下给WORD2010设置打开密码的方法
  • excel的窗口包含什么
  • 示例代码
  • jquery操作表格
  • angular 嵌入html
  • xp启动项 命令
  • jQuery通过ajax快速批量提交表单数据
  • mysql数据表复制
  • flask框架图
  • 开发笔记本哪个比较好一点
  • 广告费属于什么会计科目
  • 税务执法审批表审批部门
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设