我在vue中页面a跳转到页面b 我给页面a绑定的v-model输入框 输入了一些值如何不让页面a的数据被重新刷新而是在页面b通过this.$router.back返回页面a时 页面a绑定的v-model是我刚输入的值而不是被清空 不使用storage

在Vue中，如果你希望页面A的数据在页面跳转后保持不变，可以使用 Vue Router 的导航守卫（Navigation Guards）来实现。具体步骤如下：

1. 在页面A的组件中，使用 `beforeRouteLeave` 导航守卫钩子函数。这个函数会在离开当前路由之前触发。
2. 在 `beforeRouteLeave` 函数中，将输入框的值保存到当前路由的元数据（meta）中。
3. 在页面B的组件中，使用 `beforeRouteEnter` 导航守卫钩子函数。这个函数会在进入目标路由之前触发。
4. 在 `beforeRouteEnter` 函数中，将保存的元数据中的值赋给输入框的绑定值。

下面是一个示例代码：

// 页面A组件
<template>
  <div>
    <input v-model="inputValue" type="text" />
    <router-link to="/pageb">跳转到页面B</router-link>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ""
    };
  },
  beforeRouteLeave(to, from, next) {
    // 保存输入框的值到元数据
    this.$router.meta.savedInputValue = this.inputValue;
    next();
  }
};
</script>

// 页面B组件
<template>
  <div>
    <button @click="goBack">返回</button>
  </div>
</template>

<script>
export default {
  methods: {
    goBack() {
      this.$router.back();
    }
  },
  beforeRouteEnter(to, from, next) {
    // 在进入目标路由之前，将保存的元数据中的值赋给输入框的绑定值
    if (from.meta.savedInputValue) {
      next(vm => {
        vm.inputValue = from.meta.savedInputValue;
      });
    } else {
      next();
    }
  }
};
</script>

在这个示例中，我们在页面A的 `beforeRouteLeave` 导航守卫中保存了输入框的值到元数据中，并在页面B的 `beforeRouteEnter` 导航守卫中将保存的值赋给输入框的绑定值。这样，在返回页面A时，输入框的值就会保持不变。

请注意，这种方法只能在 Vue Router 中实现，而不能使用其他方法（如不使用 storage）。