vue.js+element ui学习笔记


vue.js+element ui 例子1

演示地址:http://v.ipyro.cn

源码地址:https://github.com/jerry9022/LitAdmin

例子2:

https://github.com/PanJiaChen/vue-element-admin 

例子3:

 

演示地址:https://taylorchen709.github.io/vue-admin/

源码地址:https://github.com/taylorchen709/vue-admin


v-model 双向绑定  指向  compted:{

    

}

例子

vue.js+element ui学习笔记_第1张图片vue.js+element ui学习笔记_第2张图片

response.data为返回的参数:

validate可以理解为条件判断;

this.currentRow 为当前行;

copyProperties是把右边的值赋给左边的

vue.js+element ui学习笔记_第3张图片

@change事件 

this.sysUser.deptId = value[value.length - 1]; 拿value最后一位  按名字模糊搜索 
this.listQuery.deptId = value[value.length - 1];   部门cascader;
 
this.listQuery.deptId=null   设定为null
this.sysUser.deptId 当部门搜索清空的时候 this.sysUser.deptId就为0  然后刷新 this.getlist()

vue.js+element ui学习笔记_第4张图片vue.js+element ui学习笔记_第5张图片

实现的地方:

vue.js+element ui学习笔记_第6张图片

你可能感兴趣的:(vue.js+element ui学习笔记)