在Vue中使用插槽(默认内容,具名插槽)

477 阅读1分钟

这就是插槽

父组件不向插槽里传内容的时候,可以在模板里使用默认内容

现在有一个很常见的需求,我的内容都写在一个叫content的组件里,header和footer是由外部传递进来的,类似这样

但是就会这样显示

原因是传进插槽的所有内容都被认为是slot要显示的内容,用了2个slot所以就显示2次

这就引出了具名插槽

这样就可以了

具名插槽中也可以使用默认内容