1

Есть два компонента

    Vue.component('my-temp', {
      template: '<div><span></span></div>'
    });

    Vue.component('my-temp-1', {
      template: '<h1>test</h1>'
    });

    let vm = new Vue({
      el: "#app"
    });


  <div id="app">
    <!--<my-temp>
      <my-temp-1></my-temp-1>
     </my-temp>-->
  </div>

Мне нужно, чтобы компонент my-temp-1 оказался внутри тега span компонента my-temp. Как это можно реализовать?

2

1 ответ 1

5
Vue.component('my-temp', {
      template: '<div>
 <span>
  <slot></slot>
 </span></div>'
    });

Vue.component('my-temp-1', {
      template: '<h1>test</h1>'
    });

<div id="app">
    <my-temp>
      <my-temp-1/>
     </my-temp>
  </div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.