问题标签 [v-slot]

在 React 中非常简单，因为没有“槽”。一切都是参数。但我不知道如何将插槽作为参数传递。这就是我所做的。

我创建了一个新组件，它使用v-menu来自Vuetify的组件：

然后我使用了那个组件：

当您按下“类型”按钮时，它不会显示菜单。但是，如果我用按钮替换插槽，它可以工作：

我究竟做错了什么？

我在使用 v-slot 中的修饰符时遇到了 Eslint 的问题

我尝试在这个问题中遵循 nokazn 的回答： 'v-slot' 指令不支持任何修饰符 以及 vuejs 的 lint 文档 https://eslint.vuejs.org/rules/valid-v-slot .html

我在我的.eslintrc.js文件中添加：

但我在验证 lint 文件时遇到以下错误：

我试图让 lint 接受的是以下代码：

（请注意，此代码在 lint 错误旁边有效）

我有一个设计简介，要求我将红色组件（右侧）移动到红色框架/外壳（左侧）。

这两个类别/部分来自一个 REST-API，他们的孩子就在旁边。

[我试过的]

我尝试将红色组件绝对定位，但问题是如果它上面的组件内容增长。这两个组件将重叠。

我找不到确切的位置。（在 Y 轴上）

[我想要什么]

我希望也许我可以用来v-slot在左侧创建一个外壳/框架，然后我将右侧的组件模板化并将其交给左侧的外壳/框架。

任何帮助，将不胜感激。

提前致谢。

我有一个包含可扩展行的 vuetify 数据表。我与演示的唯一真正区别是我希望该item.name列像 V 形图标一样打开/关闭可扩展行。当我@click在该列的 v-slot 上放置一个处理程序时，我得到了错误Error in v-on handler: "TypeError: expand is not a function"。这是我需要自定义的唯一列，因此我不想<tr>手动构建整个 v 槽。下面是一个按比例缩小的代码示例。谢谢。

我试图显示一个加载指示器，它位于包含插槽元素的组件内部（让我们称之为包装器组件）。为此，我在包装器中有一个函数，它根据输入布尔值 ( setSpinnerVisible()) 设置指标的状态。现在，我想从使用这个包装器的组件中执行这个函数。为此，在父组件中，我使用 v-slot 属性来获取对该函数的引用。我希望能够在函数内部调用这个mounted()函数，或者从methods.

但是，我无法弄清楚如何做到这一点。我能想到的唯一方法是将此 v-slot 值传递给一个函数，该函数在按下按钮之类的事件上执行，这可行，但我也希望能够从未执行的函数中调用此方法通过布局中的动作（例如在mounted()函数中）。

这是我的包装器组件的（一部分）（为了简洁起见，省略了切换微调器的功能）：

这是使用包装器的组件（的一部分）：

我希望能够以一种或另一种方式使用函数setSpinnerVisible内部的值mounted，就像这段虚构的代码一样：

我正在使用 Vue 2.6.11

如何在自定义文本时从 v-select 添加复选框而不覆盖multiple.

我是 Vue 和 Vuetify 的新手，所以对我很陌生。

我正在使用 Vuetify 中的滑块 - 请参阅此处的 CodePen：https ://codepen.io/parseltongue/pen/Pobzpez

我试图在滑块之前和之后有文本，所以我使用了v-text这样的：

但是，滑块已经有一个数字字段，它覆盖了后置文本：

我正在尝试根据 data() 字段中的值动态隐藏该字段，以便显示后置文本（该值称为disabled）。因此，如果disabled设置为 true，我希望数字字段被隐藏并且后置文本消失。我尝试使用v-if，但后置文本从未出现。

有什么想法吗？

将eslintrc.js文件添加到我的Vue项目中配​​置ESLint规则，我遇到了问题vue/valid-v-slot，最初在我使用的地方显示错误v-slot。然后，我将其设置如下（由文档和其他帖子推荐）：

但它不起作用。我收到以下错误消息：

以下是已安装的依赖项：

我该如何解决？

包.json

我在将动态生成的布局与命名插槽结合起来时遇到问题。

要定义我的布局，我使用“组件：is”

但是现在我在我的代码中得到了这个错误

'v-slot' 指令必须由自定义元素拥有，但 'div' 不是。

和控制台显示此错误

<\template v-slot> 只能出现在接收组件内部的根级别

如果我删除主 div 我会收到错误

模板根只需要一个元素。

我做错了什么？

您好，感谢您阅读我的问题！我正在使用 Vue.js、Vuetify 和 v-data-table，我正在努力使我的 v-slot 使用两个不同的字符串作为标题的名称。

我像下面一样存储我的标题

理想情况下，我想要这个插槽的名称

使用两种不同的数据选项。现在标题的名称是工装裤，但我希望标题的名称['header.overalls']是这样的['header.('overalls' || 'shoes')] ，

我这样做的原因是现在当我单击标题时，表的 options.sortBy 属性设置为“overalls”，但我希望列上的图标显示在表的 options.sortBy 属性是“工作服”，如果是“鞋子”也会出现

请帮忙，非常感谢！