问题标签 [ant-design-vue]

我正在尝试使用antdv实现故事书，当我导入一个在 button.stories.js 中返回 jsx 的 tsx 文件时，我得到“ReferenceError: React is not defined” 你可以在这里看到错误， 但 react 不是这个项目的一部分总而言之，它是一个 vue js 项目，所有 tsx 和 jsx 都是从 tsx 文件返回的，但在幕后它们都是 vue js 文件，因为它们使用 vue js 功能。

各种帮助表示赞赏

现在我需要一些方法来让我的表格上的所有单元格都可以编辑。我知道我可以像这个例子中那样做。但这只是每行一个单元格，我想知道如何使用自己的 v-model 为单行中的所有单元格实现这一点。我一直在寻找示例，但找不到任何示例。有谁知道我该怎么做？

我可以编辑所有这些，但是当我单击它时，它会打开所有单元格的编辑模式，而实际上我只想打开我单击的那个。

这就是我的代码现在的样子：

提前致谢！

当我尝试删除输入中的内容并且内容的长度为 1 时，输入关闭，我不知道为什么。我在试图弄清楚为什么会发生这种情况时遇到了一些麻烦。

在这个可编辑的表格上，我可以编辑我想要的所有内容，并且当字符串长于 1 时，这不会发生。我究竟做错了什么？

这是我现在的代码：

例如：当我编辑星期日选项 (10) 时，这不会发生。但它发生在所有其他示例中。我不确定它是否与编辑/过滤功能或其他有关

提前致谢！

我将 Vue3 与Ant Design Vue一起使用，并希望创建一个可以在整个应用程序中重用的“模态”组件。

像这样非常简单的事情：

但它根本不起作用......（没有控制台日志或错误）。

当您作为道具传递时，它似乎确实有效visible，但我真的不想这样做。这应该也可以...

我错过了什么？

编辑：解决方案（但不是真正的解决方案）使用组合 API似乎对 Ant 是不可行的。

我在表单中使用 antdv a-select 通过关联表联系人插座编辑联系人和插座之间的多对多关联。表单字段似乎可以识别关联，显示现有关联的标记化输入，例如，如果联系人有 2 个出口，则表示 2 个对象。但是，现有对象是空的，因此在更新时，关联将重置为空。新的关联按预期添加。

以下是表格的相关部分：

这是更新方法：

目前我面临的情况是我必须在同一个表格单元格中呈现两个属性。所以细胞基本上是这样的：

如您所见，我想渲染customer.name一个来自插件的图像图标，该插件由record.customerSatisfaction. 当然，渲染结果是纯文本，没有任何意外:(。

我在这里想要的是一个图像图标，后跟一段文字。任何人都可以帮我弄清楚如何做到这一点？

我在 Vue 3 中使用 Ant Design，并且我有一个可以编辑所有单元格的表格。问题是：如果用户打开一个新单元格进行编辑，我想自动关闭可编辑单元格。在我进行研究时，我注意到根据文档，这种行为发生在 Ant Design for React 上。

我的问题是，如何为 Vue 3 做到这一点？在他们的 Vue 文档中，Ant Design 表没有显示我想要的这种行为，我不知道该怎么做。提前致谢。:)

这就是我的代码现在的样子：