qq_52126119的博客

1、在el-input组件中使用v-model进行双向数据绑定2、有时，你会发现我们进行了双向数据绑定了，但是el-input还是无法输入，我们就要使用绑定input事件，然后使用$forceUpdate方法强制刷新，这样子会解决我们el-input无法输入问题，但是这会带出一个新的问题，那就是表单无法进行验证等一些问题。3、使用$forceUpdate方法强制刷新 ，表单验证失效（表单已经输入值，表单验证显示为空），由于此次表单是动态添加的，rules也需要动态添加

在前端开发中，偶尔需要存储一些如： 用户信息、登录状态、历史记录等常量数据。用于后续二次调用，并且避免刷新后丢失。这时，就需要用到本地存储了。

vue element-ui 表单验证的使用及常用的表单校验规则

el-pagination分页基础应用，element-ui

点击城市进入页面二 （粗略定位），搜索框输入具体位置（以大连理工大学为例）使用别的方法跨页面传递数据，需要对页面一二获取与存入数据进行更改。点击大连理工大学，回到页面一，并展示精准位置。见如下文章，一、创建应用获取key，二、配置。三、高德地图创建应用获取key及使用前配置。页面一（路由：path:"/home"）页面二（路由：path:"/map"）再次点击位置，进入页面二精准定位地图。二、移动端配置（不配置也可用）vuex(实现跨页面传递数据)路由根据自己实际情况更改。

vue移动端高德地图的使用

vue页面刷新报错Cannot GET /...，控制台报错404：GET http://localhost:8080/... 404 (Not Found)解决方法。拓展:hash与history区别

简单实现vue移动端适配，俩安装，三配置

背景：前端Vue项目打包后部署在服务器上，而后端接口在另外一台服务器。本地生产环境运行时因为在Vue中配置了proxy代理，所以项目运行正常。找了好多方法，并进行了归纳，本文仅提供思路，方便自己以后遇见同样问题有思路，文章会不断完善，若未能解决问题，请见谅！整理了几个博主写的比较清晰的解决方法。

将vue的移动端项目打包成手机的app软件apk格式的。hbuilderx 云打包

要想将vue的移动端项目打包成手机的app软件apk格式，首先要将项目打包出dist文件。若空白查看一下配置，可能是配置有错误，（本人用的情况一配置空白，换成了情况二的配置，成功解决！！）

使用组件：VantVant 是一个轻量、可靠的移动端组件库

功能：1.点击对应模块，放大并显示数据2、点击下方图标，对应饼图模块可以显示/隐藏。

vue期望值与实际值比较：折线图；功能：点击上方对应按钮，下方相应的数据图可隐藏/显示；鼠标移动到的位置数据会显示

vue图片滑动验证，可穿插在某个页面使用。

鼠标放到对应月份区域可看到数据点击上方对应按钮，下方相应的数据图可隐藏/显示可选择月份查看。

Echarts 5.x 不再支持上面的引入方式，这一点Echarts官网（升级指南）有说明。

nvm use (node版本号)(例：nvm use 14.18.2)时报错：exit status 1: ��û���㹻��Ȩ��ִ�д˲�����

Could not retrieve https://nodejs.org/dist/index.json.Get https://nodejs.org/dist/index.json: net/http: TLS handshake timeout

Vue安装及环境配置及遇到的问题和解决方法

创建vue-cli3.0项目,vue create 项目名称,遇到如下错误：vue packages version mismatch的报错throw new Error( ^ Error:Vue packages version mismatch:- vue@2.6.9 (/Users/jyx/node_modules/vue/dist/vue.runtime.common.js)- vue-template-compiler@2.6.10 (/Users/jyx/.nvm/ve.....

安装vue时，遇到许多坑，在网上找了许多方法，把试验成功的方法总结了出来:vue安装后使用npm list vue 显示empty的一种解决方法