Stack Overflow
Stack Overflow

Questions tagged [antdv]

Ant Design Vue is a Vue component, design, and demo library that follows the Ant Design specification for creating rich and interactive user interfaces.

Ant Design Vue Features

  • An enterprise-class UI design language for web applications
  • A set of high-quality Vue components out of the box
  • Shared Ant Design of React design resources.
    – Via the docs

For more information and guidance on installing Ant Design Vue into your project, refer to the official documentation, or visit the project on GitHub.

Usage

The tag should be used with at least or an equivalent version tag (/ ), and any tags describing topics directly related to the question at hand (eg. or or ).

This tag should not be used with , in which case it should be replaced with instead.

Related Tags

31 questions
5
votes
1 answer

Ant Design Vue: Carousel arrows disappear when there's only one div content

I'm using Ant Design Vue's Carousel to display some backend generated data in a Instagram Story Clone project. The problem is that when there's only one content in the carousel, the arrows and dots disappear. Carousel Docs:…
Francesco Dorati
  • 395
  • 1
  • 2
  • 15
4
votes
1 answer

How can i disable a specific element in a Select with Ant Design Vue?

I'm trying to disable a specific element of a a-select. And for that, i have a function "check_function" and i'm returning the string "disabled" when i want to disable an element. I have
Konat Undoshy
  • 411
  • 3
  • 13
3
votes
3 answers

Vue i18n-$t undefined outside template

Hi so if I use {{$t('dash.port')}} inside of template the translation happens and everything works fine. Now I have an antdv table where i have columns declared this way : const columns = [ { title:"pone", dataIndex: 'pone', key:…
Cyrine
  • 87
  • 2
  • 9
2
votes
3 answers

ant design change select background color when disabled

I am trying to change the background color of a select drop down when disabled. I was testing with: .ant-select-disabled .ant-select-selection{background-color: red} with no luck. For example, on regular inputs I got it to work:…
dataviews
  • 2,466
  • 7
  • 31
  • 64
1
vote
0 answers

custom node of @ant-design/flowchart

import { Flowchart } from '@ant-design/flowchart'; import "@ant-design/flowchart/dist/index.css"; const IndicatorNode = (props:any) => { const { size = { width: 120, height: 50 }, data } = props; const { width, height } = size; const { label…
sam
  • 13
  • 5
1
vote
0 answers

Vue JS - AntD validation issue

I am using antd and vue3 in my project. Hence I validating the fields with antd validation. The validation is not working properly. I have provided only the required validation. It is denoting If I din't enter the value. But The error message is not…
Sujith Sandeep
  • 1,185
  • 6
  • 20
1
vote
1 answer

use createVNode for antdvue component cannot resolve?

i use antd vue model to create a confirm modal,and use createVNode for my content const modalRef = Modal.confirm({ content: createVNode(CategoryTreeAddModal), centered: true, icon: undefined, onCancel: (event) => { …
lan Z
  • 11
  • 1
1
vote
1 answer

VueJS dynamic form using ant design radio button

I want to use radio buttons so each time I select one the form changes, I tried with simple html code but I would love to do it with Ant design vue. here's the code I have now i want to make it with antdv..
Cyrine
  • 87
  • 2
  • 9
1
vote
0 answers

how to mount a modal inside a drawer ant design

I am facing an issue passing in the proper node element to the getContainer property. I'd like to display a Modal.confirm within a drawer. I've tried using: Modal.confirm({ mask: false, title: 'Confirm', content: 'Bla bla ...', …
dataviews
  • 2,466
  • 7
  • 31
  • 64
0
votes
1 answer

How do I insert an element into the header of an antdv a-drawer

How to put an element inside the header of antdv a-drawer. Vue 2.7 Composition API
Nicholas Piccaro
  • 1
  • 1
0
votes
1 answer

Antdv vuejs select max number of items

I have a VueJS application that uses Antdv select component: https://antdv.com/components/select I want to prevent the user to select more than 4 items. I checked the docs and this doesn't seem to be a supported parameter. I dynamically set the…
Alexis.Rolland
  • 5,724
  • 6
  • 50
  • 77
0
votes
0 answers

Editable table row in Vuetify x Antdv

I've use Antdv as my data table. Using this sample code, View Script data: () => ({ MyHeaders:[ {title:'Name', dataIndex:'Name'}, …
Newbee
  • 702
  • 1
  • 13
0
votes
0 answers

How to style ant-design bar chart hover state?

I can't change the color shown behind the bar with hover state on a plot ant-design chart ( I think that by default it is some sort of light blue ) I can't find the way to style it. The documentation is not helpful. I have tried using onEvent when…
matias facio
  • 1
  • 2
0
votes
2 answers

How to create custom dropdown with user input using antdv (Ant Design Vue | Vue 3)?

I'm attempting to create a custom dropdown using antdv, but the example shown on the docs(https://www.antdv.com/components/select/#Custom-dropdown), doesn't really show me how to add it using user input. I've created an example here:…
Etep
  • 2,721
  • 4
  • 17
  • 28
0
votes
0 answers

How to create event on each column in row using ant design, Vuejs

I am using ANT design table, and my problem is that I need to add events to cells on a row, for example when I click on the column with the item named John Brown, a function A will be generated. , click on the age column and function B will be…
Nguyễn Thế Hưng
  • 37
  • 6
1
2 3