vue3 + element plus 使用el-button焦点问题 失焦操作

  • Post author:
  • Post category:vue

问题: 点击按钮后会有激活的样式,除非点击其他地方才能取消掉, 影响: 当我点击按钮,弹出了个提示弹窗,但是,当我弹窗关闭的时候,按钮还是处于激活的状态。(体验效果差) 更改思路: 通过ref 强制失焦 代码: <div class="monL-but monL"> <el-button plain type="primary" ref='resetBtn' @click="on…

继续阅读 vue3 + element plus 使用el-button焦点问题 失焦操作

Electron-vue打包错误问题解决

  • Post author:
  • Post category:vue

错误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…

继续阅读 Electron-vue打包错误问题解决

flask + vue token过期的解决方案

  • Post author:
  • Post category:vue

token过期的处理方案 背景 解决方案 后端: 前端 背景 现在的项目使用了vue + flask的框架,后端flask用token来做验证,但是会面临一个token过期的问题,设置过长的token过期时间或者设置一个refresh token的时间来处理都不能满足我这个项目的需求,我们希望的是在token即将过期的时候前端发起一个刷新token的请求,后端签发一个新的token。 解决方案 后…

继续阅读 flask + vue token过期的解决方案

vue组件

  • Post author:
  • Post category:vue

组件 推荐使用小写加减号分割的形式命名。 一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝: 有些元素内不允许出现不符合规定的元素 使用特殊的is属性来在挂载组件 <table> <tbody is=”my-component” ></tbody> </ table> 动态组件:用component标签定义一个…

继续阅读 vue组件

Vue动态添加、删除对象属性

  • Post author:
  • Post category:vue

最近对对象相关操作处理比较多,然后发现对象还可以这么玩 let student = { id: 1, name: '学生1', class: '001' }; //通过student['对象新的属性key']来给对象添加新的属性,如果存在key则会替换key对应的值,不存在key对象会新增key和对应的值 student['sex'] = '男'; student['age'] = 18; con…

继续阅读 Vue动态添加、删除对象属性

Vuex开启命名空间(namespaced使用)

  • Post author:
  • Post category:vue

我们在使用Vue时经常是模块化开发的 Vuex我们也需要模块化开发,此时可以开启namespaced 具体使用 index.js vuex文件一个项目需要模块化开发就不能所有的代码都写在一起,所有这里越简洁越好,只需要引用modules的index.js就可以了 import Vue from 'vue' import Vuex from 'vuex' import modules from '.…

继续阅读 Vuex开启命名空间(namespaced使用)

关于vue项目运行时候,别人无法通过我的IP地址来访问我的项目问题。

  • Post author:
  • Post category:vue

本地运行的项目可以通过local host来访问,而有时候同事之前或者自己通过手机来访问我运行的项目的时候,必须要使用IP地址才可以访问。但是问题就在于IP访问不了。 解决方法: 只需要在package.json文件中的scripts下面的dev属性后面添加 --host 0.0.0.0 版权声明:本文为qq_52856519原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链…

继续阅读 关于vue项目运行时候,别人无法通过我的IP地址来访问我的项目问题。

vue引入微信的JSSDK h5与小程序之间的跳转方案

  • Post author:
  • Post category:vue

vue引入微信的JSSDK使用 h5与小程序之间的跳转 vue如何使用 微信的JSSDK 安装 npm install weixin-js-sdk --save 我喜欢设置全局属性,所以在main.js文件里面引入: import wx from ‘weixin-js-sdk’; Vue.prototype.$wx = wx; 这样就不用在每个页面去引入了。 不想再全局引入的话可以再组件中引入, …

继续阅读 vue引入微信的JSSDK h5与小程序之间的跳转方案

vue保持登录状态(sessionstorage配合vuex来使用)

  • Post author:
  • Post category:vue

在项目开发过程中使用的是 vue 和 vue-router,用户在登录之后,相对应的状态也要发生改变,该隐藏的就隐藏,该显示的用户信息就要显示。 pc端开发简述为以下四个步骤 用户登录之后,将账号和密码 提交到后台 后台返回给你 token 。 将token 保存在 sessionstorage 中 设置请求头,在每次向后端发送请求的时候都要携带 token,作为后端判断用户的标识。 每次切换页面…

继续阅读 vue保持登录状态(sessionstorage配合vuex来使用)

vue3.0 + draggable拖拽模块 (解决 :Cannot read property ‘header‘ of undefined;以及解决拖拽时不能滚动页面)

  • Post author:
  • Post category:vue

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 使用…

继续阅读 vue3.0 + draggable拖拽模块 (解决 :Cannot read property ‘header‘ of undefined;以及解决拖拽时不能滚动页面)