vue3 + element plus 使用el-button焦点问题 失焦操作
问题: 点击按钮后会有激活的样式,除非点击其他地方才能取消掉, 影响: 当我点击按钮,弹出了个提示弹窗,但是,当我弹窗关闭的时候,按钮还是处于激活的状态。(体验效果差) 更改思路: 通过ref 强制失焦 代码: <div class="monL-but monL"> <el-button plain type="primary" ref='resetBtn' @click="on…
问题: 点击按钮后会有激活的样式,除非点击其他地方才能取消掉, 影响: 当我点击按钮,弹出了个提示弹窗,但是,当我弹窗关闭的时候,按钮还是处于激活的状态。(体验效果差) 更改思路: 通过ref 强制失焦 代码: <div class="monL-but monL"> <el-button plain type="primary" ref='resetBtn' @click="on…
错误1: INFO Building app with electron-builder: • electron-builder version=22.14.13 os=10.0.19044 InvalidConfigurationError: "directories" in the root is deprecated, please specify in the "build" at O…
token过期的处理方案 背景 解决方案 后端: 前端 背景 现在的项目使用了vue + flask的框架,后端flask用token来做验证,但是会面临一个token过期的问题,设置过长的token过期时间或者设置一个refresh token的时间来处理都不能满足我这个项目的需求,我们希望的是在token即将过期的时候前端发起一个刷新token的请求,后端签发一个新的token。 解决方案 后…
最近对对象相关操作处理比较多,然后发现对象还可以这么玩 let student = { id: 1, name: '学生1', class: '001' }; //通过student['对象新的属性key']来给对象添加新的属性,如果存在key则会替换key对应的值,不存在key对象会新增key和对应的值 student['sex'] = '男'; student['age'] = 18; con…
我们在使用Vue时经常是模块化开发的 Vuex我们也需要模块化开发,此时可以开启namespaced 具体使用 index.js vuex文件一个项目需要模块化开发就不能所有的代码都写在一起,所有这里越简洁越好,只需要引用modules的index.js就可以了 import Vue from 'vue' import Vuex from 'vuex' import modules from '.…
本地运行的项目可以通过local host来访问,而有时候同事之前或者自己通过手机来访问我运行的项目的时候,必须要使用IP地址才可以访问。但是问题就在于IP访问不了。 解决方法: 只需要在package.json文件中的scripts下面的dev属性后面添加 --host 0.0.0.0 版权声明:本文为qq_52856519原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链…
vue引入微信的JSSDK使用 h5与小程序之间的跳转 vue如何使用 微信的JSSDK 安装 npm install weixin-js-sdk --save 我喜欢设置全局属性,所以在main.js文件里面引入: import wx from ‘weixin-js-sdk’; Vue.prototype.$wx = wx; 这样就不用在每个页面去引入了。 不想再全局引入的话可以再组件中引入, …
在项目开发过程中使用的是 vue 和 vue-router,用户在登录之后,相对应的状态也要发生改变,该隐藏的就隐藏,该显示的用户信息就要显示。 pc端开发简述为以下四个步骤 用户登录之后,将账号和密码 提交到后台 后台返回给你 token 。 将token 保存在 sessionstorage 中 设置请求头,在每次向后端发送请求的时候都要携带 token,作为后端判断用户的标识。 每次切换页面…
Cannot read property ‘header’ of undefined 这个问题是draggable的版本不对,我换为 "vuedraggable": "^4.1.0" 这个版本就好了 ps: vue2.0和vue3.0 draggable用法不一样 安装 npm i vuedraggable@4.1.0 --save 或 yarn add vuedraggable@4.1.0 使用…