文章 2022-05-12 来自:开发者社区

Vue 2.x折腾记 - (16) 基于Ant Design Vue 封装一个配置式的表单搜索组件

前言这次的后台管理系统项目选型用了Vue来作为主技术栈;因为前段时间用过React来写过项目(用了antd),感觉棒棒的。所以这次就排除了Element UI,而采用了Ant Design Vue;在分析整个项目原型后,发现又可以抽离类似之前的React表格搜索组件效果图2019-04-10 14:50 : 修正了部分的初始化props及联动,新增了slot的传递2019-04-17: 我又增加....

Vue 2.x折腾记 - (16) 基于Ant Design Vue 封装一个配置式的表单搜索组件
文章 2022-04-07 来自:开发者社区

Element Plus 和 Ant Design Vue 对比测评,哪个更好?

本文首发:《Element Plus 和 Ant Design Vue 对比测评,哪个更好?》Vue 3 发布后,各家第三方库开始陆续重构并支持 Vue 3 ,国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue 3。到底应该怎么选择呢?本文从多个纬度对两个框架进行对比和测评。Element Plus 发布正式版后,下载量飙升,当然这也依托于 ....

文章 2022-01-05 来自:开发者社区

ant design vue table 如何让文字居中

const columns = [ { title: '活动标题', dataIndex: 'title', key: 'title', align: 'center' // 设置文本居中的属性 }, { title: '编辑时间', dataIndex: '...

文章 2021-12-13 来自:开发者社区

ant design vue a-table 表头和内容不对齐,一行代码解决问题

动态设置x轴的长度就可以了,有几列表头就设置成百分之几,完美~ 1.<a-table :columns="columns" :data-source="data" size="small" :loading="loading2" :scroll="{ x: `${columns.length}0%`, y: 4...

文章 2021-12-13 来自:开发者社区

Ant Design Vue如何上传文件、图片,复制即用

文档介绍的关键参数:上传的组件:1.<a-upload-dragger v-model:fileList="fileList" //双向绑定的变量是文件数组 name="file" // 发到后台的文件参数名 :before-upload="beforeUpload" //上传文件之前的钩子,...

Ant Design Vue如何上传文件、图片,复制即用
文章 2021-12-13 来自:开发者社区

Ant Design Vue 给table表格行加点击事件

首先官方定义的是customRow设置行属性官网上会给出这么使用:customRow 用法适用于 customRowcustomHeaderRowcustomCellcustomHeaderCell。遵循Vue jsx语法。<Table customRow={(record) => { return { xxx... //属性 onClick: (...

Ant Design Vue 给table表格行加点击事件
文章 2021-12-13 来自:开发者社区

Ant Design Vue表单自动填充账号密码问题

问题:打开表单账号密码会自动填充原因:现代浏览器实现了内建的密码管理功能:当用户在一个网站上输入了用户名和密码,浏览器会为用户提供记忆功能。当用户再次访问这个网站时,浏览器使用保存的值自动填写登录字段。 解决方案: &lt;a-input type="password" v-model:value="formState.password" autocomplete="new-password" ....

Ant Design Vue表单自动填充账号密码问题
文章 2021-12-13 来自:开发者社区

Ant Design Vue自定义对话框Modal

这个是自定义的: <a-modal v-model:visible="visible" title="设置DAG图名称" @ok="handleOk"> <template #footer> <a-checkbox style="float: left;" v-model:checked="checked2">是否更新流程定义&...

Ant Design Vue自定义对话框Modal
文章 2021-12-13 来自:开发者社区

Ant Design Vue 日期选择器,绑定的日期和框内不一致,日期格式化,纠正时差

这个格式只作用在了前端日期显示上,并没有改变传回后端的数据格式。经历这是一个日期选择器1.<a-range-picker style="width: 400px" v-model:value="shijian" :ranges="ranges" //预设时间范围快捷选择,会在左边出现小蓝框 :disabled-date="d...

Ant Design Vue 日期选择器,绑定的日期和框内不一致,日期格式化,纠正时差
文章 2021-12-13 来自:开发者社区

ant design vue 设置表格选择框,全选按钮选不全

左侧勾选框 你需要配置 :row-selection="rowSelection" <a-table :pagination="false" size="small" :row-selection="rowSelection" :columns="columns" :data-source="data" :scroll...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注