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

  • 华为gt3怎么用手机反向充电(华为gt3怎么用手机播放音乐)

    华为gt3怎么用手机反向充电(华为gt3怎么用手机播放音乐)

  • 苹果手机怎么设置充满电自动断电(苹果手机怎么设置陌生号码拦截)

    苹果手机怎么设置充满电自动断电(苹果手机怎么设置陌生号码拦截)

  • b站私信发图片有感叹号(b站私信发图片感叹号)

    b站私信发图片有感叹号(b站私信发图片感叹号)

  • 电脑艺术字上弯弧怎么设置(word2016艺术字上弯弧)

    电脑艺术字上弯弧怎么设置(word2016艺术字上弯弧)

  • 华为nova5特殊功能(华为nova5功能)

    华为nova5特殊功能(华为nova5功能)

  • 抖音转发的视频别人能看到吗(抖音转发的视频在哪里怎么找不到)

    抖音转发的视频别人能看到吗(抖音转发的视频在哪里怎么找不到)

  • 微信扫码收钱为什么没积分(微信扫码收钱为什么限额)

    微信扫码收钱为什么没积分(微信扫码收钱为什么限额)

  • boss已读不回复怎么办(boss已读不回复是什么意思)

    boss已读不回复怎么办(boss已读不回复是什么意思)

  • 对方快手号匹配啥意思(快手号匹配怎么回事)

    对方快手号匹配啥意思(快手号匹配怎么回事)

  • 快手年龄弄错了怎么改(快手年龄弄错了改不了怎么办)

    快手年龄弄错了怎么改(快手年龄弄错了改不了怎么办)

  • 声卡可以用在手机上吗(声卡直接插在手机上就能用吗)

    声卡可以用在手机上吗(声卡直接插在手机上就能用吗)

  • 5g网络需要换路由器吗(5g网络需要换wifi吗)

    5g网络需要换路由器吗(5g网络需要换wifi吗)

  • 华为深色模式省电吗(华为深色模式可以省电吗)

    华为深色模式省电吗(华为深色模式可以省电吗)

  • 支付宝蓝牙音箱怎么用(支付宝蓝牙音箱微信可以用吗)

    支付宝蓝牙音箱怎么用(支付宝蓝牙音箱微信可以用吗)

  • 抖音怎么重新登录(抖音怎么重新登录辅助账号)

    抖音怎么重新登录(抖音怎么重新登录辅助账号)

  • 华为nova3机身多长厘米(华为nova3外形尺寸)

    华为nova3机身多长厘米(华为nova3外形尺寸)

  • 江西的邻省有哪些(江西省邻居有哪几个省)

    江西的邻省有哪些(江西省邻居有哪几个省)

  • 什么叫wifi直连(wifi直连有什么用处)

    什么叫wifi直连(wifi直连有什么用处)

  • 怎样让电视连上无线网(怎样让电视连上网却看不了)

    怎样让电视连上无线网(怎样让电视连上网却看不了)

  • 微信商户平台在哪里(怎么开通微信小商店)

    微信商户平台在哪里(怎么开通微信小商店)

  • 1707-a01是什么型号呢(1701-a01是什么型号)

    1707-a01是什么型号呢(1701-a01是什么型号)

  • gsync怎么设置(gsync显示器具体设置)

    gsync怎么设置(gsync显示器具体设置)

  • 网桥转发数据的依据是(网桥 转发表)

    网桥转发数据的依据是(网桥 转发表)

  • 头歌-HTML基础(头歌HTML基础第一关初识HTML)

    头歌-HTML基础(头歌HTML基础第一关初识HTML)

  • 供暖服务费增值税怎么算
  • 小规模纳税人进项可以抵扣吗
  • 厂房租赁税点
  • 其他应付款和其他应付款可以重分类
  • 当期可抵扣进项税额加计5%抵减应纳税额
  • 主营业务成本为什么在借方
  • 个税申报导入上月数据
  • 营业收入包括投资净收益吗
  • 招聘服务合同印花税
  • 单位注册表从哪里获取
  • 增值税小规模纳税人起征点
  • 限售股流通股
  • 递延收益没有应列入哪个科目
  • 资产重组过程中资产转出的税收问题
  • 有现金折扣方式有哪些
  • 分支机构可不可以不建账合并到总机构?
  • 退休人员返聘工资交个人所得税标准
  • 购物开了增值税怎么退
  • 纳税人财务会计核算办法怎么上传
  • 生物性资产是什么
  • 增值税计算方法有哪些
  • 房地产企业的非流动资产周转率在多少以上
  • 定期结汇会计分录?
  • 专利权转销处理方案
  • 笔记本电脑系统更新好不好
  • 企业对外捐赠的税法处理
  • 冲销上月暂估入账的原材料会计分录
  • 公司废业
  • 结转消费成本的会计分录
  • nalntsrv.exe - nalntsrv是什么进程 有什么用
  • 太超过了
  • 销售已使用固定资产收入与主营收入合计超过120万元
  • executor进程
  • php render()
  • PHP:mcrypt_encrypt()的用法_Mcrypt函数
  • 港口机场铁路
  • python字符串操作作业
  • 基于transformer的文本分类
  • 在收付实现制下,预付的下季度报刊杂志订阅费
  • 递延所得税负债借贷方向
  • 发票已开,款未到的会计分录
  • phpinfo()中Loaded Configuration File(none)的解决方法
  • 程序员 cr
  • java代理有几种方式
  • sort文件名
  • 微信转账怎么处理退回去
  • 进项税发票可以跨年认证吗
  • 合伙制律师事务所和个人律师事务所
  • 政府补助属于营业外收入吗
  • 基本户收到款不入账
  • 有限合伙企业的税收筹划
  • 进项税额已经抵扣会计分录
  • 购买会计软件如何入账
  • 招标代理专家库合法吗
  • 企业研发费用怎么证明
  • 公司与公司之间的借款合法吗
  • 微众银行贷款到私账吗
  • 发票开错了记账凭证如何做?
  • 企业收到的应收票据应按什么作为入账金额
  • centos7如何安装yum命令
  • win7,win8.1,win10命令行配置ip地址图文教程
  • windows XP+Fedora 8+solaris 11三系统安装攻略
  • 关闭win7屏保
  • 如何重置路由器wifi密码
  • linux在实际中的应用
  • win7远程桌面连接怎么设置
  • 通过node-mysql搭建Windows+Node.js+MySQL环境的教程
  • 列宽自适应
  • android list
  • unity手柄圆盘
  • js中的原型和原型链
  • js响应鼠标点击不了
  • 前后端调用
  • js面向对象是什么意思
  • 安卓的生命周期方法
  • 北京朝阳区国家税务局
  • 车船税保单哪里打印
  • 民营非盈利医院能转让吗
  • 贵州银行短信服务怎么开通
  • 江苏发票认证平台app
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设