slot标签必须被<transition>或<div>等任意一个标签包裹住吗？

来源：5-7 Vue中的动画封装

qq_慕标1184281

2020-07-22

写回答

1回答

慕雪9208097

2020-07-24

//img1.sycdn.imooc.com/szimg/5f1a974e09d7b7f204730066.jpg

用slot作为组件模板最外层标签，会报如图错误，提示不能用slot作为组件根节点，因为slot可能是由多个节点混合而成的。

<body>
    <div id="root">
        <child>
            <div>Hello World1</div>
            <div>Hello World2</div>
        </child>
    </div>
</body>
<script>
    Vue.component('child',{
        template: `
            <slot></slot>
        `,
    })

    var vm = new Vue({
        el: '#root',
    })
</script>

主要是为了防止如上这种情况出现。

一个没有故事的结局

每一个组件的开头，必须使用一个大标签包裹

2020-07-27

共1条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程

相似问题

指令的参数是不是囊括html标签对应的所有标签属性？

回答 2