我有一个VueJS组件<template> <slot></slot></template>
export default{ return {
},</script>
我把这个Vue组件叫做Vue组件<
浏览 3提问于2018-09-17得票数 2
问题
我有一个接受id属性的BaseFormControl组件。它将id属性值设置为<label>元素上的for属性值和给定输入上的id属性值。因为我希望BaseFormControl成为可重用于各种输入类型的通用组件，所以我将输入作为插槽传递。，<slot>不会将任何属性传递给槽内容，因此:id根本不会传递给实际的输入。
浏览 3提问于2018-06-14得票数 1
我正试图在Vue 3和TailwindCSS的按钮背景图像之上设置一个Hero图标。我创建了一个圆形按钮组件，其中包含一个带有背景图像的按钮和一个用于Hero图标图标的插槽： <slot class="absolute"></slot>
</button
浏览 8提问于2022-06-27得票数 0
回答已采纳
1回答
从槽内访问父部件的方法
、、、
我正在尝试更新我不久前为Vue项目编写的一个表组件。我试图让用户使用插槽来定义列。然而，这些插槽需要来自父组件的数据，我现在通过插槽范围提供这些数据。不幸的是，这会导致大量不必要的代码，因为来自插槽范围的属性只是通过道具传递给子组件。我一直认为可以以更好和更好的方式实现这一目标。您对下面的代码示例有什么建议吗？>
<
浏览 0提问于2020-01-03得票数 1
我试图找出一种方法，将插槽/作用域槽从父组件向下传递给子组件。让我解释一下..。UsersTable.vue: <data-table :fields="fields" :url="url"/>
浏览 0提问于2018-06-01得票数 3
回答已采纳
命名槽在覆盖组件的部分时非常有用，如下所示：如何使用命名插槽覆盖父组件中上一级的warning组件的部分？</template>我在
浏览 1提问于2018-05-27得票数 1
我使用的是自定义下拉组件'vue-select'，它有一个插槽选项，通过它我们可以自定义选项视图，如本文档-> https://vue-select.org/guide/slots.html中所示 类似的事情，我想通过从祖辈组件传递一个插槽来实现它。这是我尝试过的。App.vue(祖级组件) <template>
&l
浏览 33提问于2020-01-16得票数 0
回答已采纳
我有一个包装器组件，它只是一个通过默认插槽接受内容的<transition-group>组件。通过默认插槽传递的内容是一系列辅助vue组件。 由于转换组中的项需要设置键值，我该如何将键添加到槽项中？您将在created()钩子中看到我的方法，它似乎在初始页面加载/呈现时有效，但是当我的dev环境中的
浏览 18提问于2019-03-07得票数 2
回答已采纳
1回答
我创建了一个组件来显示各种页面的表数据。该组件在内部使用b-table。问题是，对于不同的页面，我有不同的字段，因此这种定制应该来自父组件，并且这些模板应该是动态创建的。下面是我试图解决这个问题的方法：
通过属性将具有可自定义字段和MyTableComponent中唯一槽名的数组传递给MyTableComponent，动态创建用于自定义的模板，并在内部动态创建指定的槽。<&#
浏览 1提问于2020-11-01得票数 0
回答已采纳
1回答
我想知道如何让父组件知道插槽中的子组件。在我看来： <vue-slide name="First slide!">First slide content</vue-slide>
<vue-slide name="Second slide!">S
浏览 1提问于2018-01-08得票数 1
回答已采纳
我正在将我的应用程序从Vue2转换到Vue3，但在表单的一个方面却被搁置了。我对表单元素组件(FormInput、FormTextArea、FormCheckbox等)使用SFCs，并使用插槽将它们传递到表单容器组件(FormGroup、FormTab等)，如下所示：
<ssi-form在Vue2中，我使用挂载的生命周期钩子(带有options )读取插槽并访问计算的
浏览 8提问于2022-05-26得票数 1
回答已采纳
1回答
我有一个Card组件，在传递完<Cards></Cards>组件的插槽后，我想从父布局中定义的<Card />标记的title属性继承一个title值。title }}</template>
import Component from 'nuxt-cla
浏览 5提问于2018-02-18得票数 0
回答已采纳
我有一个父组件和一个子组件。子组件包含一个名为“signal”的属性。我希望能够在父组件中更改名为'parentVal‘的数据，以便用父组件的值更新子组件的信号prop。这看起来应该很简单，但我不知道
浏览 1提问于2017-07-19得票数 24
回答已采纳
2回答
我写了一个使用模板语法的子组件，子组件有一个插槽，用于将'item‘属性传递给父组件，但父组件使用JSX语法，现在我在JSX中获取'item’属性时遇到了麻烦。任何帮助都将不胜感激！// child.vue <Autocomplete>
<template slot-scope="{ item }&quo
浏览 77提问于2020-12-30得票数 1
我尝试使用的组件是用Vue2编写的，并通过NPM作为NPM组件安装。我的新项目是在Vue3中创建的。 我正在尝试使用组件插槽，但它不工作。当我尝试执行以下操作时，我没有得到任何错误，但在webcomponent的插槽中没有呈现任何内容： <my-webcomponent-with-two-slots>
浏览 145提问于2021-09-23得票数 2
回答已采纳
在vue2中，我可以使用这个。$elrender() {})如果在vue3中我尝试使用this.$slots.default()，我看不到如何定位元素。如果我使用模板ref，我可以得到div，但不能得到包含的槽。我找到的最接近的问题/答案是here
但这似乎也给出了div，但没有给出插槽$el。这在vue2中非常强大
浏览 4提问于2021-09-05得票数 1
2回答
我有张桌子上列着我的待办事项。在最后一栏中，我有一个按钮来标记完成的待办事项。因为我想在其他表和视图中重用这个按钮，所以我将它添加为正在导入的组件。此外，我还想使用一个表包，比如vue3-table-lite，这样我就可以快速方便地访问1)筛选、2)分页和3)排序功能。
这些包通常使用:rows，如果只有文本，这是非常简单的。但是，我不知道如何提供Vue组件，在本例中，<FinishedButton /
浏览 9提问于2022-10-27得票数 0
回答已采纳
我创建了一个想要做一些逻辑的vue组件，根据这个逻辑，我想在插槽中呈现任何东西。<code>A0</code><code>A1</code><code>A2</code>
因此在默认情况下，<code>D3</cod
浏览 18提问于2020-03-17得票数 0
1回答
Vue中的时隙属性将子组件(时隙)的数据共享给他们的父组件，这对我来说非常清楚。{ item: object, select: function,
selected: boole
浏览 1提问于2021-03-10得票数 0
回答已采纳
云服务器
ICP备案
腾讯会议
云直播
对象存储
腾讯云开发者
