vue
二咕耶
这个作者很懒,什么都没留下…
展开
-
el-table和el-tabs对应的el-table-column和el-tab-pane元素数据过长的解决方案
el-table问题:el-table中对应表头和表内内容常常会出现数据过长造成的显示不全或者长度过长等问题解决:通过el-popover或者el-tooltip文字提示组件去解决例如下图:<el-table-column v-for="(item, index) in tableHeadList" :key="index" align="center"> <!--自定义表头--> <template slot="header" slo原创 2022-02-24 21:06:36 · 3243 阅读 · 0 评论 -
vue项目防止按钮重复点击(重复请求接口)
场景1.保存提交按钮不小心点击了多次。2.由于网络服务器卡等原因点击事件没有及时响应又点击了一次,造成数据的重复提交和保存,数据的异常。3.resize、scroll,输入框内容校验等频繁操作。原因由于axios提交数据为异步提交,点击提交按钮是通过xmlhttprequest向后端发送异步请求,发送请求后后端返回数据需要时间处理,如果第一次点击的请求尚未完成,又接二连三地提交了几次,同时后面发送的请求都被后台处理了,这种情况如果是读取数据不会有太大影响,但是涉及到数据提交保存或者提交之后多表数据原创 2022-01-20 17:00:13 · 14251 阅读 · 2 评论 -
vue同步方法的使用
说明:vue项目中有时需要前一个方法获取到接口返回值之后根据返回值再执行另外一个接口方法,此时的方法调用是有顺序的,并且下一个方法中需要前一个方法的返回值,使用async搭配await实现,await函数不能单独使用。具体如下: // 获取学科数据 async selectSubject() { let isSuccess = false this.loading.show() await questionnaireApi.selectSu原创 2022-01-19 20:29:35 · 8359 阅读 · 0 评论 -
VUE项目中的微信扫码登录
微信扫码登录功能首先了解微信扫码登录的流程和详解,详见微信扫码登录,这边仅是vue前端相关流程一.创建微信登录按钮及方法,配置相关参数1.创建微信登录按钮<!--微信授权登录按钮--><img src="@/assets/images/weixin.png" /><a style="line-height: 60px;height: 60px; margin: 0 5px;" type="text" @click="handLoginByWx">微信扫码登录&l原创 2021-12-27 21:11:16 · 6389 阅读 · 0 评论 -
vue解决在调用后台接口获取数据前显示空画面问题
查询功能,经常需要判断当前获取数据是否为空,为空时引用el-empty显示空状态效果,但常常接口数据会慢一步查询到数据,往往页面出现的效果是先显示空状态效果,等接口数据获取到赋值后再刷出数据页面效果,解决此类问题方法:定义一个接口调用后的标识例如: emptyFlag: 0 // 0表示接口调用前,1表示接口调用后具体在调用相关list查询接口做如下处理 // 获取数据列表 getList() { // loading缓存中 this.loading.show()原创 2021-07-07 11:35:44 · 2600 阅读 · 1 评论 -
VUE项目中的一些简单插件
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-07-07 11:10:05 · 87 阅读 · 0 评论