Lynn

在 Vue Router 中，导航守卫是非常有用的功能，但它可能会导致多次执行的问题。为了避免这个问题，我们可以使用或方法来避免多次执行。根据你的具体情况选择合适的方法，使你的应用更加稳定和可靠。

解决elemen-ui 验证点击新增的时候直接校验 问题解决。

使用dialog弹出form表单的时候，由于需要，可能会给表达赋初始值，比如编辑操作的时候，会从外面传入数据，赋值到表单上。2、当我们先编辑再新增，会对表单赋值，初始值就是我们赋的值，调用resetFields()方法，表单里还有之前赋的值，并不是我们希望得到的清空表单。在open方法里，不要直接做赋值操作，加上this.$nextTick方法，在这个方法里面做操作，这个时候form已经mounted结束了。1.页面有个新增和编辑共用的弹出框，在页面初始化后先点新增，后编辑，正常。

vue父子传值

vue2 + element ui 配合 axios 二次封装。

今天在使用vuecli 创建 vue2项目的时候，需要使用vue-touter，直接npm i vue-router 是下载最新版，最新版不兼容vue2。所以我们要下载兼容版本 npm i vue-router@3.5.2。发现直接使用npm i vue-router 安装不上，报错提示。后来上网查询了下，发现是版本问题。测试发现，运行成功！

upload 上传报错场景再现：点击编辑数据，修改上传文件，确定提交修改，关闭弹窗，清空数据和清空附件。错误提示：上传报错，下图； Uncaught TypeError: Cannot set property ‘status’ of undefined报错原因：设置了:file-list=“fileList”，filelist为只读，修改后就会报错 Cannot set property ‘status’ of undefined解决方法：在成功回调中用setTimeout清空上传列表即可解决

vue路由传参基本使用方法和教程介绍vue自带的路由传参的三种基本方式，简单方便。场景：点击当前页的某个按钮跳转到另外一个页面去，并将某个值带过去，然后根据id获取相应的信息；如果把对象作为值传递的需求，需要先json字符串化然后转换后使用，下文也有介绍。<div class="name" @click="add(e)">查看详情</div>第1种方法 ：页面刷新数据不会丢失methods：{ add(id) { //直接调用$router.pus

Vue登录验证码逻辑最近在开发PC端Vue项目，配合element-ui使用，这里分享下在登录页面登录验证码逻辑，言归正传。1.效果图如 : 2.逻辑分析：点击登录,首先判断验当前input框和生成的证码是否正确，如果正确发送请求，如果错误，提醒用户不在继续执行。3.代码如下：html 代码<template> <div class="login">...

最近在开发移动端Vue移动端项目，查了一些资料，这里分享下如何在webpack工具构建下的vue项目，在手机端调试和预览，言归正传。1.电脑和手机连接到同一个WIFIa.台式电脑和手机同时链接一个路由器，使用同一个wifi；b.笔记本也可以直接启用一个wifi，手机链接笔记本wifi也可以；2.查询本地IP地址WIN+R，输入cmd回车，打开命令提示符，输入ipconfig，...