找回密码
 立即注册
首页 资源区 代码 vxe-table 表格 vue 单元格渲染上传附件,显示图片列表 ...

vxe-table 表格 vue 单元格渲染上传附件,显示图片列表,适配上传附件样式的用法

鞭氅 5 天前
vxe-table 表格 vue 单元格渲染上传附件,显示图片列表,适配上传附件样式的用法,在系统中渲染复制表格时,经常会涉及到附件和图片等上传问题,比如在列表单元格中需要支持上传附件,由于单元格太小,一般的组件根本无法正常显示适配,这时候就可以使用上传附件紧凑模式,通过配置更多按钮来实现。
https://vxetable.cn
附件上传

可以在单元格中放指定数量的附件,多余的在更多按钮中显示
1.png

点击后显示更多,以及全功能的上传模式,拖拽上传等
2.png
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  4.   
  5. </template>
复制代码
附件上传 - 简化显示

简化模式和上面一样,区别就是不会 显示任何附件,只会显示数量,点击后依然可以上传
3.png
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  4.   
  5. </template>
复制代码
图表上传

4.png

点击后显示更多,以及全功能的上传模式,拖拽上传等
5.png
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  4.   
  5. </template>
复制代码
图表上传 - 简化显示

6.png
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  4.   
  5. </template>
复制代码
https://gitee.com/x-extends/vxe-table

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

相关推荐

3 天前

举报

10 小时前

举报

您需要登录后才可以回帖 登录 | 立即注册