随笔分类 -  Ant Design 组件问题

摘要:效果图: <a-upload-dragger name="file" action="上传的接口" @change="uploadHandleChange" //上传文件改变时的状态 :before-upload="beforeUpload" //上传文件之前的钩子 :file-list="file 阅读全文
posted @ 2023-05-08 10:45 Private! 阅读(2395) 评论(0) 推荐(0) 编辑
摘要:<a-table :columns="columns" :data-source="dataSource"> <template slot="icon" slot-scope="record"> <div style="cursor: pointer;" :draggable="true" @dra 阅读全文
posted @ 2023-03-24 16:53 Private! 阅读(365) 评论(0) 推荐(0) 编辑
摘要:Tooltip 文字提示有时候在table中无法居中显示,这个可以设置一下 <a-tooltip placement="top" overlayClassName="label-management-tooltip" class="ant_too" :getPopupContainer=" (tri 阅读全文
posted @ 2022-11-17 17:29 Private! 阅读(553) 评论(0) 推荐(0) 编辑
摘要:html结构如下 <a-upload v-model:file-list="fileList" //已经上传的文件列表(受控) name="avatar" list-type="picture-card" //上传列表的内建样式,支持三种基本样式 text, picture 和 picture-ca 阅读全文
posted @ 2022-09-08 09:55 Private! 阅读(576) 评论(0) 推荐(0) 编辑
摘要:// 注意,vue 项目,style 标签不能加 scoped 选项,否则样式不生效 <a-tooltip placement="top" :overlayClassName="{'tooltip':item.voice_content.length > 100}" :arrowPointAtCen 阅读全文
posted @ 2022-08-05 18:38 Private! 阅读(1262) 评论(0) 推荐(0) 编辑
摘要:效果图如下,因部分涉及到人员隐私,所以打码了,就是一些图片文字信息。 有不足的地方可以麻烦提出来的,一起学习的。 <template> <a-drawer v-model:visible="visible" class="custom-class" style="color: red" :title 阅读全文
posted @ 2022-08-02 18:39 Private! 阅读(962) 评论(0) 推荐(0) 编辑
摘要:我们可以创建一个新的值来保存这些数据allSingleSelectedRowKeys; 下面是我们的HTML结构 <a-table :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange, onSele 阅读全文
posted @ 2022-08-01 18:08 Private! 阅读(975) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示