모든 데이터를 모든 슬롯에 할당

모든 데이터를 모든 슬롯에 할당

데이터를 각 슬롯에 바인드하지 않고 모든 슬롯에 할당할 수 있는 더 좋은 방법이 있을까요?

그래서 지금 하고 있는 일은:

<slot name="header" :data="this._data">
    <header>
        <h2>{{ header }}</h2>
        <p>{{ subtitle }}</p>
    </header>
</slot>

데이터를 사용하려면 다음 작업을 수행해야 합니다.

<finance-calculator class="app" vehicle-id="1815981">
    <template #header="data">{{ data.data.header }}</template>
</finance-calculator>

저는 이 기능을render데이터를 할당하는 방법은 있지만 이 방법은 전혀 작동하지 않는 것 같습니다.

render() {
    const data = this._data;
    return this.$scopedSlots['header']({
        test: 'hello'
    });
},

누가 나 좀 도와줄래?

사용할 수 있습니다.$data컴포넌트의 데이터 객체를 참조합니다.다음과 같이 합니다.

<slot name="header" :data="$data">
    <header>
        <h2>{{ header }}</h2>
        <p>{{ subtitle }}</p>
    </header>
</slot>

 

<finance-calculator class="app">
    <template #header="{data}">{{ data.header }}</template>
</finance-calculator>

언급URL : https://stackoverflow.com/questions/59452458/assign-all-data-to-all-slots