记录一下vue slot

Posted cxxb

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了记录一下vue slot相关的知识,希望对你有一定的参考价值。

使用步骤:

         1.在组件(panda)当中建立一个slot,定义好name。(<slot name=‘myname‘></slot>)

       2.引用组件的时候如果需要补充内容,可在组件内部继续写div布局,只需给盒子定义一个属性slot,属性值对应内置组件slot的name属性值。

       <panda>

        <div slot=‘myname‘>追加内容</div>

      </panda>,

以上是关于记录一下vue slot的主要内容,如果未能解决你的问题,请参考以下文章

大白话vue——slot的作用与使用

vue学习记录 coderwhy d10

vue学习记录 coderwhy d10

[ionic3.x开发记录]ng-content使用

ant-design-vue 使用问题记录

Vue el-table的一些小用法(行内链接,图标等,持续更新)