Как добавить слот в HTML-параметры?

Question

В моем компоненте Vue.js мне нужно использовать слот в параметре, но мои попытки этого не работают. Есть ли способ как это сделать?

new Vue({
    el: '#app',
    components: {
        'test': {
            template: `
            <iframe width="300px" height="200px" src="https://www.youtube.com/embed/<slot></slot>"></iframe>
            `
        }
    }
})

Answer 1

Слоты используются для вставки html, которые вам нужны реквизиты. Попробуйте, это будет работать

 components: {
    test:{
      template:'<iframe width="300px" height="200px" :src="url"></iframe>',
     props: ['url'],
    }
 }

и передайте ваш URL от родителя

<test url="https://www.youtube.com/embed/-rCZNFARSfQ" />