Ant Desing Vue

妖心changeless

已于 2022-07-29 17:01:04 修改

阅读量282

点赞数

分类专栏： Ant Design Vue 文章标签：前端

于 2022-07-29 16:48:55 首次发布

本文链接：https://blog.youkuaiyun.com/TheSpiritIsHeart/article/details/126059426

版权

Ant Design Vue 专栏收录该内容

1 篇文章

订阅专栏

1.table 滚动展示
:scroll=“{ x: 1500, y: 300 }”

<a-table
          :data-source="data"
          :scroll="{ x: 1500, y: 300 }"
          :bordered="true"
        >

2.select 属性placeholder不生效问题

解决：v-model 绑定的变量初始为 undefined 或 null，不能为空

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

妖心changeless

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue3 - Ant Design Vue 选择器 a-select 同时支持 “下拉选择和手动输入“，既能下拉框选择又可以像 input 一样输入文字内容，让 Select选择器组件能选也能输入文字

王二红

07-03

3423

vue3，ant-design-vue，select选择器，a-select，实现可下拉选择和手动输入，antd组件库中选择器怎么像输入框一样可以输入，既可以手输也可以选择，可选择可以手动输入，Vue3使用a-select下拉框实现可输入可选择，可新增输入可选择，vue3使用Antdesignvue4.x选择器Select既可以下拉选择也可以手动输入，可选择/可输入，怎么能让输入框又能选择又能输入文本，既有下拉功能也有输入框功能，最新教程，vue3中Antd如何做到下拉框既有select功能也有inpu

Ant Design of Vue图标选择器

Renners的博客

08-17

3348

看了一下antDesign并没有图标选择的组件，在网上查找了一下资料发现这篇文章已经实现了下拉选择图标的需求；antd vue图标选择器但是实底图标，线性图标，双色图标全部混在了一起，功能虽然已经实现了，但后期用户查找起来比较麻烦，于是打算自己手动写一个图标选择器，实现效果如下：可对图标风格进行切换。...

参与评论您还未登录，请先登录后发表或查看评论

Ant Design Vue 使用-引入 ant-design-vue并且使用

热门推荐

祈澈菇凉

08-19

4万+

Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库，用于开发和服务于企业级中后台产品。 Ant Design Vue 中文文档：https://www.antdv.com/docs/vue/introduce-cn/ Github:https://github.com/vueComponent/ant-design-vue/ star：1...

Ant Design Vue

代上老码的专栏

04-05

1310

最后，Ant Design Vue致力于提供给程序员愉悦的开发体验，它的组件风格与Ant Design保持同步，组件的html结构和css样式也保持一致，真正做到了样式0修改，组件API也尽量保持了一致。Ant Design Vue 是一个非常强大且易于使用的 Vue.js 组件库，通过学习和掌握它，你可以快速构建出美观且功能强大的 Vue.js 应用。首先，Ant Design Vue采用了精良的设计风格，为用户提供了简约、美观的界面，符合现代Web应用的设计趋势，从而能够为用户提供一流的使用体验。

解决ant-design-vue的Table组件增加了 scroll.y 配置，表头对不齐问题

csdn_bk的博客

07-05

2069

在使用 ant-design-vue 的 Table 组件，在不使用分页器的情况下，让table内容固定高度，预期是出现滚动条。结果滚动条出现，表头和表内容列对不齐情况。

ant-design-vue表格过滤数据，修改行背景颜色

weixin_48663897的博客

09-04

505

参考：https://blog.youkuaiyun.com/Reality_Dream7/article/details/125410592。

AntDesign -vue table 获取滚动条

MySundays的博客

11-26

1376

<a-table ref="tableRef" :columns="columns" :data-source="data" :scroll="{ x: 1500, y: 300 }"> <a slot="action" slot-scope="text">action</a> </a-table> 获取 ref节点 this.$refs.tableRef.$el.querySelector.

ant design vue 表格table 默认勾选几项的操作

01-22

在 ant design vue 中，表格的第一列是联动的选择框截一张官方文档图，图示最后一排就是禁用状态点击 checkbox 会触发onChange , 从而得到selectedRowKeys,selectedRowKeys就是选中的 key 数组。 onChange: ...

ant design vue 1.7.8版本实现动态表单（一）-单层循环

xiaoxu_H的博客

07-02

463

背景：老版本的动态表单，官网给出的示例非常简单，完全按照官网写是不符合需求的，后面通过查阅博客，分析，最后实现了，下面给出方案。1. 由于老版本通过v-decorator进行双向绑定，还有校验的，所以，我们主要保证v-decorator绑定的变量是唯一的。modelType.signalType是定义的一个字符串，后面拼了Index，是为了保证唯一的。5. 数据回显就是把后端返回的数组对象，改成上面第4点的object键值对的形式的数据即可。3. 添加方法，给添加的按钮一个addSignal的方法即可。

利用ant desgin vue 里面的layout布局

a432qbc的博客

08-09

1397

<template> <a-layout class="rbd-layout-task-center"> <a-layout-sider class="rbd-ant-layout-sider" theme="light" v-model="collapsed" collapsible :collapsedWidth="60" > <a-menu :selec

基于antdesign和vue的中后台管理框架

08-10

基于ant-design和vue的中后台管理框架

Ant-design-vue开源项目介绍、应用场景、组件有哪些

日常笔记/总结/系列知识梳理

06-14

5616

Ant-design-vue 是一个基于 Ant Design 规范和 Vue.js 的企业级 UI 组件库。它旨在帮助开发者构建设计优雅、体验流畅的企业级应用。Ant-design-vue 是由 Ant Design 团队和 Vue.js 社区共同开发的。它结合了 Ant Design 的设计理念和 Vue.js 的技术栈优势，旨在为 Vue.js 开发者提供一套完整、易用、高质量的 UI 组件库。通过 Ant-design-vue，开发者可以更加高效、快速地构建出符合企业级应用需求的前端界面。

Antd vue实现虚拟滚动

Hyanl的博客

03-02

5820

实现方式和elemnetUI的el-table方法类似，主要是减少dom节点，每次只显示可视区的内容，滚动的时候，通过改变dom节点的内容达到页面数据的更新的效果。使用了ant design vue 中的 a-table 组件，不使用分页，当表格数据过多时导致页面卡顿，此时可以使用虚拟滚动，减少dom节点，提高性能。

css增加横着滚动条_CSS 设置滚动条样式的实现

weixin_39560604的博客

12-20

1209

webkit滚动条样式重置1、scrollbar包含scrollbar buttons和一个track。track进一步细分为track pieces和thumb。trace pieces为thumb的上半部分和半下部分。2、scrollbar corner为横向和竖向的交叉角区域3、resize用来设置滚动条的交汇处上用于拖动调整元素大小的小控件组成结构图如下：一旦发现滚动条的自定义样式，浏览器...

Vue-ant-design-vue 表单项a-input、a-input-number输入时卡顿解决方案

HSJ0170的博客

11-04

6391

Vue-ant-design-vue 表单项a-input、a-input-number输入时卡顿解决方案：抽离组件封装再使用。 a-input封装：RyInput/index.vue  <template> <div> <a-input v-bind:placeholder="placeholder" v-bind:value="RyValue" v-on:blur="changeFunc

antd table 自动调整高度实现滚动

qq_32578989的博客

02-04

7532

<a-table :columns="columns" :data-source="data" :scroll="{ x: 1500, y: 300 }"> <a slot="action" slot-scope="text">action</a> </a-table> 其中这个y值可以是number或者是string，:scroll="{x:1500,y:'calc(100vh-460px)'}",这样可以根据屏幕的可是高...

Ant-Design-Vue快速上手指南+排坑

Chujun123528的博客

08-11

3859

Ant Design Vue 是蚂蚁金服 Ant Design 官方推荐的 Vue 版 UI 组件库，其组件风格与 Ant Design 保持一致，提供了一套完整的 Vue 组件和开发方案。本指南将帮助新手快速上手 Ant Design Vue，并介绍一些常见的排坑方法。

Ant-Design-Vue