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定义只在模块内部有效