Stack Overflow
Stack Overflow

Questions tagged [v-slot]

Vue implements a content distribution API inspired by the Web Components spec draft, using the element to serve as distribution outlets for content.

Documentation: Vue Slots.

33 questions
7
votes
1 answer

ESLint VueJS v-slot

I got an issue with Eslint using modifiers in v-slot I've try to follow the answer by nokazn in this question : 'v-slot' directive doesn't support any modifier And the documentation of lint for…
CharybdeBE
  • 1,791
  • 1
  • 20
  • 35
7
votes
1 answer

Use fallback content of slot only if condition is met

I would like to know if there is a way to do what I'm trying to describe below: Let's suppose we have a component with a slot, and a fallback content has been defined. When using this component elsewhere, I would like to have the following…
mistiru
  • 2,996
  • 3
  • 11
  • 27
6
votes
1 answer

How do I open and close multiple v-menus in my VueJS / Vuetify component?

I create multiple popover menus with v-menu; one for each row in my table. I need a way for the menu to close when I click submit. I cannot use v-model="menu" and make menu false or true to hide or show the menu because then every menu will open…
VikingBarrister
  • 109
  • 3
  • 5
6
votes
1 answer

How to get item value in v-slot:cell() template of b-table - BootstrapVue

I'm a very new at programming. I'm trying to figure it out how to bind the data to get the link :href work using store, vuex and bootstrap-vue table. I have spent 4 days for this, and now I'm dying. Please help. books.js(store, vuex) books: [ { …
Chawchawchaw
  • 203
  • 1
  • 4
  • 13
5
votes
2 answers

Vuetify Data Table Expand Row on Column Click

I have a vuetify data table that includes expandable rows. The only real difference I have from the demo is that I would like the item.name column to open/close the expandable row just like the chevron icon. When I put an @click handler on the…
user1199981
  • 398
  • 1
  • 5
  • 12
4
votes
1 answer

In Vue2.7, v-slot is not available, how to solve the problem?

When I run the following code, I get the following results (Google Chrome running screenshot).
Charlie Li
  • 43
  • 4
4
votes
0 answers

ESLint vue/valid-v-slot

Add the eslintrc.js file to my Vue project to configure the ESLint rules, and I have a problem with vue/valid-v-slot, which initially showed errors where I used v-slot. Then, I set it up as follows (recommended by the documentation and in other…
CaNa
  • 61
  • 2
4
votes
2 answers

Vuetify - How to Include checkbox to v-select when customizing text

How to I add the checkboxes from v-select when customizing text and without overriding the multiple.
ropenrom24
  • 517
  • 8
  • 18
3
votes
1 answer

Vue, composition: pass a "slot" prop as a an attribute value

In React is very easy, since there's no "slots". Everything are parameters. But I don't know how to pass a slot as a parameter. Here's what I did. I created a new component, which uses the v-menu component from Vuetify: //…
Cequiel
  • 3,505
  • 6
  • 27
  • 44
2
votes
1 answer

vue.js how do I make a v-slot template dynamic?

Hello and thank you for reading my question! I am working with Vue.js, Vuetify and v-data-table and I am working on making my v-slot work with two different strings as the name of the header.