component — slot 插槽
最后更新于:2022-04-02 08:07:36
>[success] # slot -- 插槽
~~~
1.插槽作用 就是由于插件又可以能外部人员需要添加一些自定的代码,但由于组件标签之中 是无法插入内容的因此有了插槽,简单的说就是提供预留项
2. 解释一下什么叫组件中间插入不进标签:
' '
~~~
>[danger] ##### 插槽案例
~~~
1.插槽有两种一种是用name命名,然后添加的插槽进入指定的预留位置
2.另一种是没有name,那么不管添加的什么标签都会进入这个slot中
~~~
~~~
Examples
Examples
✓
{{slotProps.todos.text}}
~~~
';
在com组件中我是不可以直接插入的
我对应first插槽
我对应second插槽
我对应third插槽
我对应没有name 的插槽
{{msg}}
~~~
>[success] # 作用域插槽 -- slot-scope
~~~
1.回想一下我们使用elementUi的table的时候row就能拿到当前table中的一整
行信息,这是因为使用了slot-scope
2
~~~
>[danger] ## 案例
~~~