Questions tagged [ant-design-vue]
39 questions
4
votes
1 answer
How to set error message fetched from server in form field with ant design vue 3?
As the question is, I need to set error message retrieved from the backend (laravel) and set it on every field if there is an error. The structure may look like this:
{
'errors': {
'email' : ['The Email field is required'],
'password' :…
Nathan Bryan
- 65
- 3
4
votes
3 answers
How to move slot and slot-scope to vue 3 v-slot rule
I get this error when I'm using Ant-design table for VueJS
{{ name.first }} {{ name.last }}
After I changed to Vue 3 rules still nothing showed:
{{ name.first…
clyndon
- 61
- 1
- 1
- 5
2
votes
1 answer
How to call a computed property in dynamic style?
I want to style Ant Design Vue button(inside a table row of Ant Design table) dynamically:
And here is my computed propery(in…
Reza Mazaheri
- 35
- 11
2
votes
0 answers
Theme switch under Vue use less and And-Design-Vue
I am trying to implement theme switching between three themes. Dark, Light and a 3rd theme.
My idea is to define 3 variable.less files, one for each theme. In the file, I re-define antd colors. reset.less will import variable.less to reset colors…
Fei Su
- 53
- 1
- 6
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
2
votes
0 answers
Ant Design Vue Table rows sorting using drag drop
I am using Ant Design Vue for my Vue.js project. In the native Ant Design, we have sorting using row drag drop within the table but its not available in Ant Design Vue.
https://www.antdv.com/components/table/
Is there a way to include that feature…
Rahul Tailwal
- 3,183
- 3
- 14
- 27
1
vote
1 answer
Ant Design Vue : How to break title text or make two headers?
I want to make an table that have two header and two data in one cell using Ant Table .
I have a template like this.
//some props
And script like…
Newbee
- 702
- 1
- 13
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
0 answers
can't name expandable column in ant design?
I want to name the extension column in ant design but don't know how.
Rin2x
- 11
- 1
1
vote
1 answer
NUXT 3 Module Error on adding ant-design-vue
I am trying to add Ant Design Vue as module into Nuxt3 project.
import { fileURLToPath } from "node:url"
import { defineNuxtModule } from "@nuxt/kit"
export default defineNuxtModule({
setup (_, nuxt) {
…
shukur sharofiddinov
- 31
- 1
- 6
1
vote
0 answers
Unrecognized input on Ant design vue
While trying to run the newly created Vue 3 application with Ant design Vue (3.1.0-RC.0) framework, I'm getting unrecognized input error. Vue configurations are not at all changed. Trying to run with the default settings only.
Command used to run…
rajashanmugamjm
- 51
- 1
- 6
1
vote
0 answers
How to use date range picker of Ant Design Vue component library together with data-fns?
Is there a way how to import data-range (using date-fns) component in Vue 3 using Ant Design component library? I am able to import date-picker, but not range-picker.
import ADatePickerFns from "ant-design-vue/es/date-picker/date-fns";
I tried…
Janek
- 65
- 8
1
vote
0 answers
How to group sub menu's in ant design
I am new to Ant design. Here, I am trying to a responsive navbar therefore I want to hide some items of my navbar based on breakpoints. For that intention, I need to group some submenu into a group in the menu. But when I do this by using div's my…
Anwar Hossain
- 201
- 1
- 4
- 16
1
vote
0 answers
Ant Design Table VueJS issues
I am right now trying to have a text area input within my ant design table for VUE. However, it seems that the input box has some problems because the height of the input box will make the fixed column does not align with the current box height.
I'm…
Alisa Zhang
- 61
- 1
- 4
0
votes
0 answers
Rating - Ant Design for Vue.js different icon for each
I need to do something similar as we have for React on Ant Design. I mean this: https://github.com/ant-design/ant-design/edit/master/components/rate/demo/character-function.tsx
but in Vue.js
Im pretty new with Vue and in our project we decided to do…
Kali
- 9
- 1
- 5