问题标签 [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 回答
39 浏览

vue.js - 具有多维ajax数据行跨度的ant design vue表

我有这样的数据

我想用 ant design vue table 显示这样的数据

我想要的表

我已经这样做了,但是没有显示行跨度

代码快照

对我的代码有什么建议吗?

0 投票
1 回答
609 浏览

vue.js - Ant Design Vue3 可编辑表值不变

我使用了 ant design 中的 table 组件,现在我被困在为什么这不起作用,

参考链接为: https ://2x.antdv.com/components/table-cn#components-table-demo-edit-cell

这是ant design关于可编辑表的源代码:

但是,我的名字将是一个超链接的功能,所以我需要将 name 列及其值放在 v-for 之外。这是我得到的:

但是,当我通过编辑模式更改名称时,似乎不会根据编辑的名称更改名称。有什么我错了吗?任何帮助将不胜感激!

0 投票
1 回答
240 浏览

vue.js - 在 vue ant 设计步骤中包含一个独立的组件

我想使用任何设计步骤组件,我想知道如何包含来自https://www.antdv.com/components/steps/的独立组件

这是分步分配内容的代码

我如何component.vue在此处包含一个独立的

0 投票
0 回答
92 浏览

css - Ant Design Table VueJS 问题

我现在正在尝试在 VUE 的 ant 设计表中输入文本区域。但是,输入框似乎有一些问题,因为输入框的高度会使固定列与当前框高度不对齐。

我想知道如何解决这个问题。任何帮助将不胜感激。我附上了我的截图以供参考。

我正在尝试为此设置 z-index,但似乎我没有要从文本区域框中分离的正确父项。

原表指令可以找到:https ://2x.antdv.com/components/table-cn#components-table-demo-fixed-columns-header

0 投票
2 回答
1888 浏览

vue.js - 如何将 slot 和 slot-scope 移动到 vue 3 v-slot 规则

当我为 VueJS使用 Ant-design表时出现此错误

在我更改为 Vue 3 规则后,仍然没有显示:

在此处输入图像描述

0 投票
0 回答
98 浏览

html - 我站点中的 vue-ant-design 组件格式不正确

我在我的 vuejs 项目中使用 ant-design-vue 库来显示一个左侧带有下拉菜单的输入字段。

我想从https://www.antdv.com/components/input/创建一个像这样的输入组

在此处输入图像描述

我从字面上将这个输入组示例的代码复制到了我的 Vuejs 组件中......

在我的应用程序中,输入组改为这样显示... 在此处输入图像描述 注意文本输入字段是如何改为药丸形的。为什么是这样?

我注意到,如果我在 global.scss 文件中注释掉以下所有行...

然后选项下拉菜单和输入字段根据需要通过垂直分隔线连接。

我想知道为什么所有这些样式文件都会干扰 ant design 输入组的显示。我特别惊讶 antd 样式文件会干扰,因为它也是 ant 设计库的一部分。

0 投票
1 回答
162 浏览

javascript - 根据 Vue.js 中的参数在动态表中显示行

我在 vue 中有一个基于 API 数据响应(:data-source="table_deployenv_data")动态呈现的 ant 设计表:

列定义如下:

现在我传入了一个 env 参数:{{ $route.params.id}}并且我只想在id列的值等于显示表行{{ $route.params.id}}

到目前为止,我已经尝试使用 v-show, style with display: none 但它们都不起作用,有没有人知道一种优雅的方式来做到这一点?我对前端编程真的很陌生,所以对 Vue 了解不多。谢谢!

0 投票
0 回答
380 浏览

vue.js - Vue下的主题切换少用And-Design-Vue

我正在尝试实现三个主题之间的主题切换。黑暗,光明和第三个主题。我的想法是定义 3 个 variable.less 文件,每个主题一个。在文件中,我重新定义了 antd 颜色。reset.less 将导入 variable.less 来重置 antd.less 中定义的颜色。就像下面的代码:

但是上面的代码不起作用。我认为问题是您不能在 less 中导入相同的 antd.less 文件。我尝试在导入同一个文件时添加(多个)关键字,但是 vue-cli 编译需要很长时间。所以现在我正在做的是:

如果我只有深色和浅色主题,我在 main.js 中导入 antd.less 为浅色主题,并在 .dark 中第二次导入 antd.less 为深色主题。它似乎工作。但是当我添加第三个主题时,由于再次导入相同的 antd.less,当我切换到第三个主题时,颜色不会改变。

现在,我能看到的解决方案是为第三个主题中的每个 antd 类重置颜色。但这真的很麻烦,我要重置的课程太多了。想知道是否有更好的解决方案?

0 投票
0 回答
10 浏览

reactjs - 如何在 Ant Design 中设置包含交互式地图的多面板应用程序?

我是前端新手,我想用 Ant Design 设置一个多面板应用程序,这是托管交互式地图的面板之一。

我已经阅读了文档,看起来https://l7.antv.vision/可能是显示地图的方式。

但是,到目前为止,我还没有找到多面板的一面。

谢谢你的帮助,

0 投票
1 回答
31 浏览

vue.js - vue ant design components 使用的最佳方式

我使用 vue2 ant 设计库,并且有许多相同的组件

是这样的最佳使用方式,还是我应该在 app.vue 中导入所有 ant design ui?