草庐IT

el-select的remote远程搜索时,重新打开时,下拉选项为上一次查询的结果

问题描述 第一次搜索结果,没有选择。关闭后再次打开  下拉框选项还是上一次的搜索结果。这个现象能理解,但是也能被挑刺,遂修改——再次点击的时候,展示全部解决思路:使用el-select的@visible-change方法,监听下拉框打开关闭事件。关闭时,将下拉选项的内容改为全部条件。 

el-select的remote远程搜索时,重新打开时,下拉选项为上一次查询的结果

问题描述 第一次搜索结果,没有选择。关闭后再次打开  下拉框选项还是上一次的搜索结果。这个现象能理解,但是也能被挑刺,遂修改——再次点击的时候,展示全部解决思路:使用el-select的@visible-change方法,监听下拉框打开关闭事件。关闭时,将下拉选项的内容改为全部条件。 

el-select的remote远程搜索时,重新打开时,下拉选项为上一次查询的结果

问题描述 第一次搜索结果,没有选择。关闭后再次打开  下拉框选项还是上一次的搜索结果。这个现象能理解,但是也能被挑刺,遂修改——再次点击的时候,展示全部解决思路:使用el-select的@visible-change方法,监听下拉框打开关闭事件。关闭时,将下拉选项的内容改为全部条件。 

el-select的remote远程搜索时,重新打开时,下拉选项为上一次查询的结果

问题描述 第一次搜索结果,没有选择。关闭后再次打开  下拉框选项还是上一次的搜索结果。这个现象能理解,但是也能被挑刺,遂修改——再次点击的时候,展示全部解决思路:使用el-select的@visible-change方法,监听下拉框打开关闭事件。关闭时,将下拉选项的内容改为全部条件。 

el-upload有几种使用情况

1、用action上传2、使用http-request="fn"自定义进行上传共同之处1、当默认:auto-upload="true",选取了文件就走了action或者http-request的接口方法。当:auto-upload="false",都需要通过this.$refs.upload.submit()进行接口或者方法的调用何时使用action,何时使用http-request。看后台,如果后台只给了个拼接网址的接口时候,没提文件时候,用action。如果后台给多个参数包含文件地址等,或者需要三方文件服务器oss等时候。用http-reques//当:auto-upload="false

el-upload有几种使用情况

1、用action上传2、使用http-request="fn"自定义进行上传共同之处1、当默认:auto-upload="true",选取了文件就走了action或者http-request的接口方法。当:auto-upload="false",都需要通过this.$refs.upload.submit()进行接口或者方法的调用何时使用action,何时使用http-request。看后台,如果后台只给了个拼接网址的接口时候,没提文件时候,用action。如果后台给多个参数包含文件地址等,或者需要三方文件服务器oss等时候。用http-reques//当:auto-upload="false

利用print.js + el-tree 动态修改打印字段(支持全选所有字段)

         >全选    >             :data="treePrintData"     ref="treePrintData"     show-checkbox     default-expand-all     node-key="id"     :props="defaultProps"    >      handleCheckAllChange(val){   if(this.checkAll){    //全选    this.$refs.treePrintData.setCheckedNodes(this.treePrintData);   }else{

利用print.js + el-tree 动态修改打印字段(支持全选所有字段)

         >全选    >             :data="treePrintData"     ref="treePrintData"     show-checkbox     default-expand-all     node-key="id"     :props="defaultProps"    >      handleCheckAllChange(val){   if(this.checkAll){    //全选    this.$refs.treePrintData.setCheckedNodes(this.treePrintData);   }else{

el-table二次封装

在vue开发中使用element-ui的el-table时一般都需要进行封装以便于复用,提高开发效率,减少重复代码,这篇博客对el-table进行简单的二次封装:一、安装引入Element官方文档npm安装element-ui:npmielement-ui-S可以看文档按需引入,这里为了方便直接全局引入了:importVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'importElementUIfrom'element-ui'//全局引入element-uiimport'

el-table二次封装

在vue开发中使用element-ui的el-table时一般都需要进行封装以便于复用,提高开发效率,减少重复代码,这篇博客对el-table进行简单的二次封装:一、安装引入Element官方文档npm安装element-ui:npmielement-ui-S可以看文档按需引入,这里为了方便直接全局引入了:importVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'importElementUIfrom'element-ui'//全局引入element-uiimport'