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 @   风意不止  阅读(1255)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
历史上的今天:
2020-06-01 fastadmin 错误提示Call to a member function exams() on null
2020-06-01 thinkphp5的增删改查操作,DB和模型两者的区别
2020-06-01 thinkphp5的with函数
2020-06-01 三略-下略
2020-06-01 三略-中略
2020-06-01 三略-上略
2020-06-01 fastadmin 已使用的文章,禁止导入的问题,并且防止重新导入
点击右上角即可分享
微信分享提示