草庐IT

$element

全部标签

基于element-ui进行二次封装的表格组件

@description表格组件*@fileNameTableList.vue*@authorQ*@date2021/05/1515:13:45-->class="table-container">tablev-if="showTable"ref="filterTable":span-method="spanName?objectSpanMethod:null":data="data":show-summary="showSummary.show?showSummary.show:null":summary-method="showSummary.show?summaryMethod:null

基于element-ui进行二次封装的表格组件

@description表格组件*@fileNameTableList.vue*@authorQ*@date2021/05/1515:13:45-->class="table-container">tablev-if="showTable"ref="filterTable":span-method="spanName?objectSpanMethod:null":data="data":show-summary="showSummary.show?showSummary.show:null":summary-method="showSummary.show?summaryMethod:null

第三方组件element-ui

第三方组件element-ui组件间的传值组件可以由内部的Data提供数据,也可以由父组件通过prop的方式传值。兄弟组件之间可以通过Vuex等统一数据源提供数据共享。由data提供数据:{{title}}{{score}}exportdefault{name:"Movie",data:function(){return{title:"金刚",score:"3"}}}通过props传值,props声明的是自定义的属性,其对应一个列表,可以任意定义属性的名称,然后其他组件就可以使用这个属性并且赋值了,并且这个值会被传递会父组件,而且这个属性可以被渲染到模板里面(template)去。多组数据的情

第三方组件element-ui

第三方组件element-ui组件间的传值组件可以由内部的Data提供数据,也可以由父组件通过prop的方式传值。兄弟组件之间可以通过Vuex等统一数据源提供数据共享。由data提供数据:{{title}}{{score}}exportdefault{name:"Movie",data:function(){return{title:"金刚",score:"3"}}}通过props传值,props声明的是自定义的属性,其对应一个列表,可以任意定义属性的名称,然后其他组件就可以使用这个属性并且赋值了,并且这个值会被传递会父组件,而且这个属性可以被渲染到模板里面(template)去。多组数据的情

Element Table 业务封装与思考

前言新项目ElemnetUI组件业务封装,封装需求满足后期不修改业务代码,直接更新前端的封装组件的UI库代码即可实现无缝切换UI库的需求。目前新项目的功能产品还在梳理,项目第一期还未开始,前端技术小组先行进行的组件封装。Table组件封装目标封装的用法要和ElementUITable组件的用法保持一致目的是降低引用(使用)成本支持纯数据绑定支持自定义模板满足业务定制化需求Table组件封装内容目录结构components封装组件目录talbeIndex.vueTableColumn.vueViewsCenterPage.vue组件调用层table/Index.vue这个文件默认封装了el-ta

Element Table 业务封装与思考

前言新项目ElemnetUI组件业务封装,封装需求满足后期不修改业务代码,直接更新前端的封装组件的UI库代码即可实现无缝切换UI库的需求。目前新项目的功能产品还在梳理,项目第一期还未开始,前端技术小组先行进行的组件封装。Table组件封装目标封装的用法要和ElementUITable组件的用法保持一致目的是降低引用(使用)成本支持纯数据绑定支持自定义模板满足业务定制化需求Table组件封装内容目录结构components封装组件目录talbeIndex.vueTableColumn.vueViewsCenterPage.vue组件调用层table/Index.vue这个文件默认封装了el-ta

element table 跨页多选

1.   2.//分页改变constonHandleCurrentChange=(val:number)=>{ tableDataChild.dataChank=multipleSelection.value; nextTick(()=>{  tableDataChild.pageNum=val;  httpType(); })};3.下次打开选中回显nextTick(()=>{  tableDataChild.data.forEach((row:any)=>{   for(letioftableDataChild.dataChank){    if(row.id==i.id){     mu

element table 跨页多选

1.   2.//分页改变constonHandleCurrentChange=(val:number)=>{ tableDataChild.dataChank=multipleSelection.value; nextTick(()=>{  tableDataChild.pageNum=val;  httpType(); })};3.下次打开选中回显nextTick(()=>{  tableDataChild.data.forEach((row:any)=>{   for(letioftableDataChild.dataChank){    if(row.id==i.id){     mu

flutter widget、element、renderObject源码分析

问题:build方法中的widget是什么时候生成element,什么时候生成renderObject?下面代码是怎么生成widget、element、renderObject?classMyHomePageextendsStatefulWidget{constMyHomePage({Keykey}):super(key:key);@override_MyHomePageStatecreateState()=>_MyHomePageState();}class_MyHomePageStateextendsState{@overrideWidgetbuild(BuildContextcontex

flutter widget、element、renderObject源码分析

问题:build方法中的widget是什么时候生成element,什么时候生成renderObject?下面代码是怎么生成widget、element、renderObject?classMyHomePageextendsStatefulWidget{constMyHomePage({Keykey}):super(key:key);@override_MyHomePageStatecreateState()=>_MyHomePageState();}class_MyHomePageStateextendsState{@overrideWidgetbuild(BuildContextcontex