Заполнитель для html


Заполнитель для html

16.09.2020 01:47:31 Просмотров 23 Источник

Я хочу создать компонент макета, чтобы можно было поместить в него другие элементы. Как я могу это сделать в VUE?

Компонент компоновки:

<template>
    <div>
       ###Placeholder to put others
    </div>
</template>
export default{
    name: "Layout"
}

Использование:

<template>
    <Layout>
       <p></p>
       <div></div>
       <custom-component></custom-component>
    </Layout>
</template>
export default{
    name: "SomethingElse"
}
У вопроса есть решение - Посмотреть?

Ответы - Заполнитель для html / Placeholder for html

Jose Fernández

16.09.2020 02:05:07

Я думаю, что вы ищете слоты.

Является ответом!
Mich25educ

16.09.2020 03:06:36

Вы можете сделать это с помощью слотов, как показано ниже

Компонент Компоновки:

<template>
    <div>
       <!-- the slot is where we will put the content -->
       <slot name = 'content'/>
    </div>
</template>
export default{
    name: "Layout"
}

Использование:

<template>
    <Layout>
       <!-- we now use the slot here by passing the name of the slot to the template below and putting the content inside-->
       <template #content>
         <div class='mycontent'>content</div>
       </template>
    </Layout>
</template>
export default{
    name: "SomethingElse"
}
Помочь в развитии проекта:
Закрыть X