问题标签 [v-slot]

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 回答
159 浏览

css - 如何在 scss 中使用 ::v-slotted

如果我编写以下代码一切正常:

但我想使用 scss 语法。
如果我编写以下内容,则会引发错误:

如果我这样写它不会抛出错误,但它什么也不做:

什么是正确的语法?

0 投票
0 回答
87 浏览

image - 如何在 vuetify 数据表中显示图像?

我正在使用 vuetify 表(https://vuetifyjs.com/en/components/data-tables/#edit-dialog)。我有图像存储在 - 值:“图像”,

所以我可以在照片列中显示图片链接

但是我可以显示这些图像吗?

可以使用v-slot吗?任何人都可以帮助我并建议如何去做吗?

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 回答
43 浏览

vue.js - 根据条件将 v-slot 元素包装在不同的父级中

我有一个模板:

和一个组件:

<h4>我只想为一个特定实例用标签包装插槽。我尝试将其包装在模板中,但没有效果。如何交换包裹插槽的元素?

0 投票
1 回答
45 浏览

vue.js - 通过 v-data-table 将 Vuetify 1.x v-slot 激活器转换为 2.x

我有一段来自 Veutify 1.5.6 的工作代码,其中包括数据表内的一个图标,单击该图标时会显示一个菜单。单击激活器时,会显示已激活的列表。

我有这个例子的codepen

我想要相同的功能,但 Vuetify 2 没有slot="activator".

看起来他们v-slot:activator="{ on }"与模板标签一起使用,但我无法复制它。

这是我的尝试。

我肯定缺少一些小东西,我知道 v-icon 应该在模板下,但我一直收到这个错误

'v-slot' 指令必须由自定义元素拥有,但 'td'、'div'、'template' 不是

I found this thread, but still no help.

Any help would be appreciated