随笔分类 -  vue

Vue+Element表格通过前端导出为Excel文件
摘要：在做一个带出Excel功能，本来想的是后端导出，但是表格格式比较复杂，涉及到合并现实这些操作 需要跟前端保持一致，所以就在网上找了下前端导出的插件。 以下做个记录 注：此方法能够导出多级表格，默认已安装ElementUI。 1。安装xlsx库 npm install xlsx 2。编写保存函数，文件 阅读全文
posted @ 2022-01-24 14:19 侯赢 阅读(1405) 评论(0) 推荐(0)
vue router跳转方法
摘要：router-link 1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如 阅读全文
posted @ 2021-11-30 11:45 侯赢 阅读(454) 评论(0) 推荐(0)
element-ui 解决 el-select 设置默认值后无法切换选项
摘要：原因：select已经绑定了值，render函数没有自动更新，数据刷新了但是视图没有刷新 解决方法：使用this.$forceUpdate()重新render <el-select v-model="ruleForm.region" placeholder="请选择角色" @change="hand 阅读全文
posted @ 2021-11-11 16:11 侯赢 阅读(437) 评论(0) 推荐(0)
elementui Checkbox label值与所需要显示的值不一致
摘要：elementui的Checkbox组件在多选框组的情况下，想要传给后端的值与所想要展示的值不一致时，如： <el-checkbox-group v-model="checkboxGroup2" size="mini" disabled> <el-checkbox label="备选项1" bord 阅读全文
posted @ 2021-11-09 14:22 侯赢 阅读(364) 评论(0) 推荐(0)
vue 按钮防止重复点击的方法
摘要：做审批流的时候，遇到一个前端可以添加审批步骤的功能，在按钮上连续点击两次会发生添加两个相同步骤的情况， 试过用element的Loading 与 disabled 都不行，遂从网上找解决方案，发现有的需要在vue 添加公共方法绑定到按钮上，但我的项目可能用到的地方很少，所以在单个组件里面使用就可以了 阅读全文
posted @ 2021-11-04 16:02 侯赢 阅读(3392) 评论(0) 推荐(0)
Vue 单页面 setInterval()切换页面后一直刷新
摘要：使用VUE开发单页项目时遇到这样的问题，mounted中使用setInterval()定时向服务器获取数据，后来跳转页面后，发现还在不停的获取数据， destroyed(){ clearInterval(定时方法); }, 阅读全文
posted @ 2021-10-26 18:30 侯赢 阅读(503) 评论(0) 推荐(0)