最近遇到一个要在elemen-ui的el-table放一个树结构的表数据但是因为数据实在过多，而且列也有四五列，还有操作列dom操作频繁导致页面非常的卡顿网上看了很多种方法以及elementui的官方方法使用lazy和load方法终于解决对应el-tableel-tablev-if="refreshTable"v-loading="loading":data="list"row-key="id"lazy:load="load":tree-props="{children:'children',hasChildren:'hasChildren'}">一、获取后端数据1、设置一份list展示，为了

#实例化浏览器对象driver=webdriver.Chrome()#打开浏览器,访问百度首页driver.get('https://www.baidu.com')#展示效果sleep(1)#实例化鼠标操作对象,绑定浏览器driveraction=ActionChains(driver)#定位元素element1=driver.find_element_by_xpath('//*[text()="新闻"]')#调用鼠标动作方法并执行#单击新闻action.click(element1).perform()sleep(3)#在新页面右击热点要闻element2=driver.find_eleme

1、resetFields()说明对整个表单进行重置，将所有字段重置为初始值（而不是设置为空值）并移除校验结果2、场景（1）el-form-item没有加入prop属性。（2）el-form表单写在dialog的弹出框内，假设页面有个新增、编辑共用这个dialog，在页面初始化后先点新增，再编辑，正常；如果先编辑，编辑时调用服务端接口获取数据并赋值到表单上，然后新增使用resetFields()，会发现新增的dialog数据没被清空。3、产生问题的原因（1）prop属性是用于表单校验的，如果没加入prop属性会导致resetFields()无法清空（2）当我们先新增再编辑，初始值是空的，调用r

1、resetFields()说明对整个表单进行重置，将所有字段重置为初始值（而不是设置为空值）并移除校验结果2、场景（1）el-form-item没有加入prop属性。（2）el-form表单写在dialog的弹出框内，假设页面有个新增、编辑共用这个dialog，在页面初始化后先点新增，再编辑，正常；如果先编辑，编辑时调用服务端接口获取数据并赋值到表单上，然后新增使用resetFields()，会发现新增的dialog数据没被清空。3、产生问题的原因（1）prop属性是用于表单校验的，如果没加入prop属性会导致resetFields()无法清空（2）当我们先新增再编辑，初始值是空的，调用r

项目场景：我有很多的Form表单，在Form表单内又有很多的select选择器，这些选择器的下拉列表都是通过后端的接口传回的数据渲染的，如果每一个Select选择器都使用创建一个组件的话，页面的代码冗余量就会很大，开发的成本以及维护的成本也相对高很多，所以有必要进行封装。我一开始是先在网上找这方面的文章发现目前的文章都不太适合我的需求，于是自己想办法封装了一个，在这里分享一下思路及代码。1.封装下拉列表创建RangeSearch.vue{return{value:item.CustomerID.toString(),label:item.CustomerID.toString()}})还有一个

项目场景：我有很多的Form表单，在Form表单内又有很多的select选择器，这些选择器的下拉列表都是通过后端的接口传回的数据渲染的，如果每一个Select选择器都使用创建一个组件的话，页面的代码冗余量就会很大，开发的成本以及维护的成本也相对高很多，所以有必要进行封装。我一开始是先在网上找这方面的文章发现目前的文章都不太适合我的需求，于是自己想办法封装了一个，在这里分享一下思路及代码。1.封装下拉列表创建RangeSearch.vue{return{value:item.CustomerID.toString(),label:item.CustomerID.toString()}})还有一个