elmentui中组件的属性,事件,方法和插槽使用。以el-tree为例,熟悉Attributes props methods event slots的使用

更好的解释是

element-UI的属性,事件,方法
https://blog.csdn.net/weixin_41824429/article/details/108214720

Tree 树形控件

https://element.eleme.io/#/zh-CN/component/tree

该控件,包含了Attributes props methods event slots

以此控件,来分析
1.Attributes和props的区别,
(tree组件里,有个props属性,其实,可以改成其他名字。这里和vue的props不是同一个东西)
所有的Attributes,使用v-bind来使用
2.methods和events的区别
所有的events,使用v-on来使用
3.slots的含义
slot是指,被任意双标签包围的部分,理论上,可以插入任何东西。

总结以下element组件的基本使用方式为

<el-xx
  :Attributes="xxx"
   @events="aaaaa"
>
  <div slot="xxxx">
  这个div,会作为整体,塞入到el-xx预置的位置。
  </div>
</el-xx>
this.$ref.xx.mothods

posted @ 2022-06-01 13:53  风意不止  阅读(1222)  评论(0编辑  收藏  举报