vue项目使用localStorage本地存储解决两个地图页面跳转传数据

需求：两个页面

第一个页面：一个input框

第二个页面：我需要将这个页面上的input框的值，在点击确定的时候出现在另一个页面上的input框

想了很久很久，最终是大佬给我点醒的，通过本地存储来实现这个效果

localStorage.setItem('positionMap',this.projectInput.position)

'positionMap’表示的是一个自己给数据取的名字，逗号后面这个就是我需要传递的数据
这是第二个页面

//这是地图确定的按钮
    determineClick(){
      this.mapComponent.dialogVisible = false
      const projectPosition = localStorage.getItem('positionMap')
      this.projectPosition = projectPosition
    },

通过getItem获取刚才自己命名的那个数据

<template slot-scope="scope" slot="site">
            <div @click="siteClick">
              <el-input placeholder="请选择位置" v-model="projectPosition"></el-input>
            </div>
          </template>

在通过vue的双向绑定给这个input框绑定一个变量，记得在data里面声明这个变量，并且把传过来的数据赋值给这个变量

上图是在data里面声明变量
下图是把第一个页面传递过来的数据，赋值给v-model绑定的变量

本地存储很nice，很好用哦！！！！！！