Примечание. Поначалу может показаться, что вы ответили несколько раз, но я чувствую, что у меня другой случай.
При использовании <slot>
несколько раз получаю ошибку ниже.
Наличие дубликата слота "default" в том же дереве рендеринга - это, вероятно, приведет к ошибкам рендеринга.
Есть решение использовать Scoped Slots
, но я понимаю, чтоэто хорошо для использования с v-for
.Я не уверен, возможно, я ошибаюсь, дайте мне знать, если я:)
У меня есть ситуация, когда мне нужно дублировать статический контент (с разметкой) в дочернем компоненте несколько раз.
// Parent Component
<template>
<child-comp>
<h1>Lorem Ipusm</h1>
<button @click="fnDoSomething">Yahoo!<button>
// ... there will be lot more lines of markups that will go here in default slot
<child-comp>
<template>
// Child Component
<template>
<div>
<h2>Need one default slot here</h2>
<slot><slot>
<div>
<h2>Need one more default slot here</h2>
<slot><slot>
<div>
</div>
<template>
Если вышеуказанная проблема не может быть исправлена мной или является ограничением vue.js, тогда, пожалуйста, помогите мне и дайте мне знать, как клонировать слот (или что-то в этом роде), и он все еще будет реагировать.