问题标签 [v-slot]

我是一个非常新的编程。我试图弄清楚如何绑定数据以获取链接：href 使用 store、vuex 和 bootstrap-vue 表工作。我为此花了4天时间，现在我快死了。请帮忙。

book.js（商店，vuex）

BookList.vue

我有看起来像这样的 Vuetify 代码

问题是我想要全宽的文本区域，但是由 vuetify 模板插槽生成的标签标签阻止了这一点。你有什么想法我可以解决这个问题吗？

现在的样子

我想要的是

我正在使用最新版本vuetify并试图弄清楚如何使插槽工作。可以在此处找到有关 select 的文档

VSelectWithValidation

测试组件

基本上，我希望自定义插槽，因此我需要将它们移出VSelectWithValidation要设置在TestComponent

我尝试了不同的变化，但没有成功。

https://codesandbox.io/s/veevalidate-components-vuetify-u11fd

我尝试在标签之外使用 ValidationProvider 错误，但它不起作用。这是我的代码：

问题是，这段代码errors.phone此时不存在。我想我在对提供者进行任何验证之前尝试使用它，因为如果我使用errors而不是errors.phone，它可以工作，但它返回对象电话而不是验证错误。

我想我需要初始化errors.phone，但我不知道如何在提供程序之外使用 v-slot 变量。

希望大家能理解我的问题，谢谢大家的帮助！

我想知道是否有办法做我试图在下面描述的事情：

假设我们有一个带有插槽的组件，并且已经定义了一个备用内容。

在其他地方使用此组件时，我希望有以下行为：

我想fallback标签（或类似标签）不存在（至少，我没有找到它......）。所以我想我想错了，但我找不到解决问题的方法。

问题是我无法更改它，TheComponent因为它是由外部库提供的，我不想重新创建内容。

实际上，如果它可以提供帮助，我正在尝试隐藏展开按钮以防止在 Vuetify 中展开一行data-table，具体取决于该行在展开部分中是否有要显示的内容。所以我想写一些类似的东西：

预先感谢您的帮助。

我的表格数据有嵌套对象，所以我需要使用 v-slot 在表格上正确呈现它。问题是表列取决于另一个数组的长度。

我尝试在我的 v-slot 外部使用 v-for，但随后我收到一条错误消息，告诉我 v-slots 需要直接位于其组件内的根级别之下。

我的数据如下所示：

它依赖于它的数组：

它必须用第二个数组创建列，并显示第一个数组的相应数据。

编辑：这是我正在尝试做的模拟

我用 v-menu 创建了多个弹出菜单；我表中的每一行都有一个。当我单击提交时，我需要一种关闭菜单的方法。我不能使用 v-model="menu" 并将菜单设置为 false 或 true 来隐藏或显示菜单，因为当我将其设置为 true 时，每个菜单都会打开！有谁知道不使用 v-model 关闭菜单的另一种方法？我找到了一种使用激活器插槽打开它的方法。也许还有一个激活器插槽可以关闭组件？

在标签属性中使用链接时，无论 是在链接之前或链接中立即建立空格，还是任何类型的链接都不能正常工作 - 它只选中该框。使用鼠标滚轮有效。如何通过简单的左键单击来定位新标签？

我在 VueJS 中完成了一个无渲染组件，我尝试检测组件内部是否有一个带有 v-slot 的模板。目标是在下面的无渲染组件“Read”内有条件地渲染代码。例如，我需要的是，在第一种情况下，btn 被渲染是因为他有一个插槽，而在第二种情况下，btn 没有显示，因为没有带有 v-slot 的模板。

情况1

案例2

我试图在我的无渲染组件中查看 this.$attrs 或 this.$children，但我没有找到如何实现这一点。我知道我需要在我的无渲染组件的渲染方法中添加一个“if”，例如

我在我的 nuxt 网页上添加了 v-flip。所以我的模板看起来像这样：

这是我的造型：

我放在前面是因为在检查我看到的那个类的元素时。一切似乎都奏效了。然后我意识到我没有确定样式的范围，所以会弄乱其他页面。我做到了，重新启动服务器，现在它不再适用于 v-slot 的样式。但是如果我去检查元素并且我去"front"预先给定的类，我可以在那里改变它......我读到你可以设置 v-slots 的样式，但在我这样做之前，我有点困惑。我在这里缺少什么？谢谢