slot-scope的使用

用于插槽中生成列表：
    HomePanelLayout组件
    <section :class="['cardinfo-content', isHotFund ? 'hotfund-content':'']">
        <div :class='adjustColumnClass' v-for='index in column' :key='index'>
            <slot name='infoCardSlot' :data='data && data[index - 1]'></slot>
        </div>
    </section>
    <HomePanelLayout :config='helloconfig' class='home-hotFinancial' v-if='hotFinancialConfig.data.length' >
        slot-scope列表的每一项能拿到遍历的数据，针对slot中的组件给他数据
        <div slot='infoCardSlot' slot-scope='hotFinancialInfo'>
            <HotFund :fundData='hotFinancialInfo.data'></HotFund>
        </div>
    </HomePanelLayout>

复制代码