Как передать пользовательский компонент nativescript-Vue в пользовательский дочерний компонент

Я хотел бы добавить динамический дочерний компонент к родительскому компоненту с помощью Nativescript-Vue. Например:

<template>
    <MyParentComponent>
        <MyChildComponent :foo="foo"></MyChildComponent>
    </MyParentComponent>
<template>

<script>
    import MyParentComponent from './components/MyParentComponent';
    import MyChildComponent from './components/MyChildComponent';

    export default {
        components: {
            MyParentComponent,
            MyChildComponent
        },
        data: function(){
            return {
                foo: ''
            }
        }
    }
</script>

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

Любые идеи?


person Hans    schedule 24.07.2018    source источник


Ответы (1)


В шаблоне MyParentComponent вам нужно добавить тег <slot />, куда Vue будет вставлять контент.

Подробнее о слотах и ​​их возможностях читайте в документации Vue: https://vuejs.org/v2/guide/components.html#Content-Distribution-with-Slots

person Igor R.    schedule 24.07.2018
comment
Фантастика. Так что все точно так же, как и во Vue.js. Я не знаю, почему мои тесты раньше терпели неудачу, но теперь все работает отлично. Спасибо! - person Hans; 24.07.2018