问题标签 [ant-design-vue]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
688 浏览

sorting - Ant Design Vue 表格行使用拖放排序

我正在为我的 Vue.js 项目使用 Ant Design Vue。在原生 Ant Design 中,我们使用表格中的行拖放进行排序,但在 Ant Design Vue 中不可用。

https://www.antdv.com/components/table/

有没有办法在 Ant Design Vue 中也包含该功能?

我尝试使用 Sortable/Vue.Draggable 但它不支持它。 https://github.com/SortableJS/Vue.Draggable

谢谢

0 投票
1 回答
936 浏览

antd - 蚂蚁设计更改禁用时选择背景颜色

我正在尝试在禁用时更改选择下拉菜单的背景颜色。

我正在测试:.ant-select-disabled .ant-select-selection{background-color: red}没有运气。例如,在常规输入上,我让它工作:.ant-input:disabled{background-color: red}

这是针对 VueJS

0 投票
0 回答
184 浏览

vuejs3 - antd vue3 工具提示不显示箭头

我正在尝试将 antd 工具提示与 vue3 一起使用

代码看起来不错,但结果如下:

在此处输入图像描述

有点难看,我也在使用相同版本的文档:

编辑:添加 main.ts 完整代码。

有人可以帮忙吗?

0 投票
2 回答
864 浏览

vue.js - Ant Design Vue - 折叠组件中的自定义标题

您好,我正在使用 Vue 和 Ant Design。所以我从 Ant Design 中选择 Collapse Component:https ://antdv.com/components/collapse/ 我的问题是在 Collapse.Panel 中有一个 propheaderstring,但我需要在其中放入字符串(例如:v0.6.1 .11)和日期,所以我可以margin-left: auto在日期中添加或类似的东西。示例:

在此处输入图像描述

我尝试使用white-space: pre然后简单地添加空格来实现该空间,但它不是响应式解决方案。

我怎样才能传递到 header prop pure html,这样我就可以在<p>那里放置两个标签,然后在标题和日期之间创建空间?

0 投票
1 回答
139 浏览

antd - 如何在 Ant Design Vue 2x 中编写自定义表单组件?

Ant Design Vue v1 提供了一个用于编写自定义表单组件的文档示例。

同样的方法不适用于版本 2x。

如何使用useForm在 AntDV 2x (vue 3) 中实现自定义表单组件?

0 投票
0 回答
101 浏览

vue.js - NuxtJS 与使用 VueJS 的 ant design pro 布局

当我尝试使用 prolayout @ant-design-vue/pro-layout 时,我正在使用 ant design 和 NuxtJS 开发 VueJS 应用程序,我遇到了很多错误,例如 ./node_modules/@ant-design-vue/pro-layout/node_modules/ ant-design-vue/es/vc-menu/SubMenu.js“在'vue'中找不到导出'withDirectives'(导入为'_withDirectives')之前是否有人可以设法使nuxtjs和ant design vue pro布局工作一起?

0 投票
0 回答
104 浏览

vue.js - 在表格antDesign Vuejs中添加输入

我想在 INPUT 的表格中显示我的一些数据。我使用 AntDesign Vue 进行设计。

所以这里是一个包含一些数据的表,我想只显示输入中“地址”列中的数据来编辑它们。

我怎样才能做到这一点 ?

非常感谢。

0 投票
1 回答
430 浏览

javascript - $refs resetFields 不是函数 AntDesign

我在重置表单字段时遇到问题。

我有一个表格。用户可以添加另一个表单和另一个...

如果一切正常,我想在我的数据库和商店中记录数据并重置表单的所有输入。这是我不能做的最后一点。

我尝试了不同的解决方案,但它不起作用。

这是我的代码:

Javascript代码:

非常感谢您的帮助

在第一个答案后编辑

好吧,我不知道。所以我改变了主意:我在我的“数据”中添加了一个“显示”,这在开始时是正确的。如果一切正常,我会保存问题并将显示设置为 false。

现在的问题是,当我有一个可以的问题而另一个不可以的问题时。当我纠正不正确的问题并将其保存时,两个问题都会进入状态。所以在我的州和我的数据库中有重复...我该怎么办?这是代码:

我刚刚在 HTML 中添加了这个:

感谢帮助 !

0 投票
1 回答
150 浏览

vue.js - 使用 nuxt 构建配置后,babel-import-plugin 似乎没有减少 ant-design-vue 的大小

根据 doc Docs建议使用模块化的 antd 以确保优化并减小应用程序大小。但是,我尝试在我的 nuxt 构建配置中使用确切的代码,但应用程序大小在构建前后保持不变yarn build

下面是我的 nuxt 构建配置和构建前后的屏幕截图

这是添加 babel-import-plugin 之前和之后的构建 在此处输入图像描述

0 投票
0 回答
186 浏览

vue.js - Antdv 表 - 选择复选框的自定义渲染

我在我的项目中使用Ant Design Vue 表格组件。

有一些条目无法选择,所以我禁用它们:

HTML

Javascript

我想自定义复选框渲染,而不是复选框渲染一个 key icon,或者使用title带有一些消息的标签。
可能吗?我深入研究了组件代码,但找不到如何去做。