当前位置:首页 » 硬盘大全 » ANTDesign图片缓存
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

ANTDesign图片缓存

发布时间: 2023-01-03 16:11:50

① 普通图片如何用antdesignvue显示

1.初次加载时候默认选中第一组,若第一组有子列表,则选中第一组第一个;
2.当点击右侧剪头,下拉展开显示子列表,没有则不显示(但是可以点击);
3.点击左侧全选时,选中当前父标题,并且全选其下所有子标题
4.单个反选子标题时候,父标题的全选状态改变(antd自带的状态可以直接改变)
5.父标题反选时取消全部子标题的选中
6.当检测到所有标题(父标题与子标题全部取消)全部取消选中时,重新选中第一个父标题的第一个子标题,没有则选中自己

② ant-design的table怎么强制刷新

ant-design的table强制刷新的步骤如下。
1、登录ant-design品台,输入个人账号。
2、左键点击界面,并按下键盘f4键,就可以强制刷新了。

③ Ant-design-vue的一些常见用法

        :pagination="false" //分页器配置项

        childrenColumnName=" "

    添加row-key属性:row-key=" "

    使用defaultExpandAllRows不能直接生效,需要定义一个loading字段,在获取数据后设置loading = true,在标签中进行v-if判断,即: <a-table v-if="loading" defaultExpandAllRows></a-table>

    翻译:类型错误:传播不可提交实例的尝试无效。

    原因:错误运用扩展运算符(...)

    注:对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中

④ ant design pro上传图片到后端

我们这里是前端将图片上传到后端,然后后端这里再上传到阿里云的OSS,并返回一个文件的路径给前端

<br />

这里的 LogoPicReq 没有@RequestBody,因为这里是通过表单提交的

<br />其中一定要通过直联的方式进行获取,否则就是上报没有权限<br />

https://blog.csdn.net/qq_38209894/article/details/99729502

https://qdhaiqiang.github.io/2019/03/14/Ant%20Design%20Pro%E5%AD%A6%E4%B9%A0%E4%B9%8B%E4%BD%BF%E7%94%A8upload%E7%BB%84%E4%BB%B6%E5%B9%B6%E7%94%A8form%E8%A1%A8%E5%8D%95%E6%8F%90%E4%BA%A4/

⑤ umi+antd-mobile开发移动端,使用KeepAlive页面缓存功能(umi-plugin-keep-alive)

使用umi-plugin-keep-alive实现KeepAlive状态存储
并且实现
进入下一个页面时缓存,后退页面时不缓存(卸载)
类似微信小程序的页面缓存机制

1、安装

2、使用

更详细的可参考 React Activation

⑥ ant design(Tabs,Table)配置

1.Tabs标签页默认样式修改,确保先将所有的padding和margin重置。.ant-tabs-bar设置默认的黑灰border-bottom,只需在这里将border都设为0即可。.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab设置了每一个tab的一些样式,通过debug调试即可。

2.table表格参数配置,可以自定义翻页,分步请求。Table中主要配置解释,column配置主要作用是将列名及列内容做一一对应,dataIndex和dataSource里面的数据值也是一一对应的关系。后面的render除了过滤转换数据同样可以return HTML。recor等价于applysPayed[i],rowKey给每一行一个唯一key,避免报错。pagination默认为true,可以设置为false,则不会显示翻页。

```

const pagination = dataSourse && dataSourse.length > 10 ? true : false;

<Table

rowKey={record => record._id}           // 避免报错(key)唯一

showHeader={false}               // 不展示每一列的名称

 columns={columns}               

 dataSource={dataSourse}                

 size="small"                // tr的高度

pagination= {pagination}            

/>

```

3.Pagination参数配置,showQuickJumper带自动输入调整翻页,不传则无。其余参数是配合后台做翻页请求。

4.主题样式(颜色)修改目录路径:

/Users/yons/Desktop/task/server-commerce/node_moles/antd/lib/style/themes/default.less:

⑦ Ant Design Pro 避免浏览器js和css缓存

config 文件添加配置即可,改动后,对应改动文件打包后的文件名会变化,避免缓存

我没改动任何文件,就进行两次打包来对比文件名,结果一样,我以为方法行不通,走了弯路

⑧ antd引用<Upload>组件上传图片后再次上传清除缓存

PS:本人只是一枚废柴小码农,在实战中积累经验,只是将所踩过的坑分享出来给遇到同样坑的小伙伴们提个醒,可能会少走些弯路。如果能帮助到你解决实际问题,我将更加坚定分享的初衷:一起成长。
目前只在知乎上和上更新文章,准备在这两个地方持续更新文章,您的关注对我可能是莫大的鼓励。

知乎用户名:废柴码农
微博用户名:有温度的壁纸

哈哈,交个朋友啦~