Skip to content

Latest commit

 

History

History
50 lines (39 loc) · 2.21 KB

improve.md

File metadata and controls

50 lines (39 loc) · 2.21 KB

入门常见问题

此处列出入门之后大概率会遇到的一些问题,以及解决方案

FastCrud图标使用

  1. fast-crud底层使用FsIcon组件来使用图标
  2. 所有的buttonicon属性都是用于配置图标的
  3. 目前仅支持使用相应ui库的内置图标,后续我会考虑使用iconify
  4. 在antdv里面使用的图标需要事先全局注册,然后配置icon为图标名称即可。

FsAdmin图标使用

fs-admin已经支持iconify,你需要使用哪些图标直接去 https://iconify.design/icon-sets/ion/ 查找你要使用的图标

使用方式支持如下3种:

  1. 将图标的<span class=iconify/>的完整代码复制粘贴到你的vue文件里面
  2. 使用FsIconify组件配置icon为查找到的图标名称
  3. 给路由菜单配置图标,meta.icon=iconify的图标名称即可

后台值与前端值不一致的问题

  1. 比如表单图片上传:上传组件需要一个数组,但是提交到后台接口需要的是一个将多个图片逗号分隔的字符串。
  2. 又或者省市区级联选择:后台返回的数据是province、city、county三个字段,而前端则需要将这三个字段组成一个数组,传给表单组件。

请参考 valueBuilder与valueResolve

如何配置组件参数

fast-crud文档里面不会包含底层ui组件的文档。当你要配置组件不同的参数时,需要去查找对应的组件文档,然后配置在xxx.component
具体请参考字段组件配置

后台接口参数和返回数据结构与fast-crud的数据结构不一致

请参考文档request请求配置

关于rowKey

a-tableel-table都有rowKey的设置。
默认情况下,fast-crudrowKey设置为id
当你后台返回的列表数据主键列名称就是id,则无需关心此设置。
否则你需要修改rowKey的配置

const crudOptions ={
    table:{
        rowKey:'yourIdName',
        editable:{
            //如果你启用了行编辑,那么还需要修改行编辑的rowKey
            rowKey:'yourIdName',
        }   
    }
}