elementUI部分知识点总结

1,316 阅读3分钟

1.调用方法时,传入参数个数可与方法定义中的个数不一致

2.组件中的属性除了可以使用el特有的,还可以使用原生的

3.语法:  

   属性使用: :属性名="属性值" eg:  :data="tableData"

   事件使用: @事件名="触发方法" eg: @sort-change="tableSortChange"

   方法使用: 直接使用方法名

4.加 debugger 打开F12可以进入debug模式,快捷键F10,F8

5.子类有方法重写时执行子类的方法,子类没有对应方法去父类找方法

6.vue.nextTick()用于延迟一段时间执行(异步更新)

   eg: 

  A:vue = new Vue($.extend(true,m1,m2))     

  B:this.$nextTick(function(){  vue.loadTableData(); }),

    A执行时会调用B,B延迟执行loadTableData()使得A返回vue对象,然后再调用loadTableData()就不会报空指针

7.===和==

   ===代表类型,数值都相同

   ==类型不同也可能相等eg: null和undefined,5和'5'(自动转换)

8.请求的异步回调:

   比如A方法中有POST请求,并且嵌套B方法中有POST请求,JS会先把A方法整个编译一遍,然后按照编译顺序实际调用POST请求,所有请求向后台调用完成后再依次执行回调方法

9.定义类型: var m=null/[]/new Map()/

10. new RiskEvent()会导致程序调用  function RiskEvent(){... }

11.new RiskEvent().initPage()执行完成开始加载html,<el-table 里面的列名称会根据 :header-cell-class-name属性值对应的方法去执行,有多少列就会执行多少次,加载数据时又会执行

12.queryForm里的条件属性名可以不在data中定义,按钮中的函数调用要加小括号

13.if判断时如果有值就判断为true

14.可通过vue.$set(对象,对象属性,对象属性值)改变属性值

15. 对某一行数据展开,然后对展开的明细进行更新,删除操作后,可使用下面的语句只刷新这一行的数据,如果只是对某一行的数据更新,可以调用第1个方法,在页面就只刷新对应行,也可以根据eid去查询一下这行数据也能实现单行刷新的效果

vue.refreshRiskEvent(row);   //(查询这行更新后的数据)                                    vue.$refs.tableData.toggleRowExpansion(row, false); //false是这行数据不展开,true是展开                                                                            vue.$refs.tableData.toggleRowExpansion(row, true); //设置为true会触发展开函数                                                                                                     eg:dataExpand()

16.点击后跳转html

  var navigateUrl = "/risk/customerDetail.html";                                                                    var node = {navigateUrl:navigateUrl,menuName:"客户详情",eid:"customerDetailEid"};      sessionStorage["customerDetailCustId"] = custId;                                                              loadContent(node,null,true);                                                                                                //另一个界面通过this.custId = sessionStorage["customerDetailCustId"]取值

17.js中三种定义变量的方式const, var, let的区别 

     const定义常量(不可更改),var变量,let定义只在模块内部有效