其他分享
首页 > 其他分享> > Vue13 插槽slot

Vue13 插槽slot

作者:互联网

示例:  子组件--顶部导航条

  问题:  当页面需求中,顶部导航条结构相似,但每部分标签又不同.

  这时,子组件中, 如果内容是固定的,就无法完成需求

 

解决方法:

  使用slot插槽

    共同点较多的部分:

      1. 查看众多导航条中,公共部分最多的部分,可以写死在子组件中

      2. 可以通过<slot>大多相同的部分</slot>, 这样,既可以使用该默认的相同部分,也可以通过修改该slot插槽,进行变动,从而完成少部分不不同的更改

    不同的部分:

      2.不同的部分,不写固定标签和内容,通过slot插槽, 可以传入不同需求的标签或内容<slot></slot>

标签:slot,Vue13,插槽,导航条,标签,组件,部分
来源: https://www.cnblogs.com/leafchen/p/15509241.html