vue+element作用域插槽_el-tree slot

作者：凡人多烦事01 | 2024-03-18 01:03:47

踩

el-tree slot

了解vue的同学都知道插槽分为单个插槽，具名插槽，还有作用域插槽，前两种比较简单，作用域插槽。

简单来说，前两种插槽的内容和样式皆由父组件决定，也就是说显示什么内容和怎样显示都由父组件决定；但是第三种插槽就不同了，作用域插槽的样式由父组件决定，内容却由子组件控制。简单来说：前两种插槽不能绑定数据，作用域插槽是一个带绑定数据的插槽。

例如，在el-table使用作用域插槽

<el-table>
  <el-table-column 
	slot-scope=" { row, column, $index }">
  </el-table-column>
</el-table>
1
2
3
4
5

在el-tree使用作用域插槽

<el-tree>
  <span class="custom-tree-node" slot-scope="{ node, data }">
1
2

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/凡人多烦事01/article/detail/259252