在Vue中，如果你想要在跳转已打开页面时不会重新加载数据，你可以使用props或context来传递路由状态到router-link标签。以下是一些方法：

1. 使用props传递路由状态：

```javascript Click me

export default { data() { return { isOpen: false, }; }, watch: { isOpen(newValue) { this.$emit('update:isOpen', newValue); }, }, methods: { open() { this.isOpen = true; }, }, }; ```

在这个例子中，open方法会在watch钩子中被调用，当isOpen属性更新时，它会触发update:isOpen事件，然后在methods部分，你可以在open方法中更新isOpen属性，使router-link标签显示或隐藏。

1. 使用context传递路由状态：

```javascript Click me

export default { context: { route: { data() { return { isOpen: false, }; }, }, }, watch: { isOpen(newValue) { this.$emit('update:isOpen', newValue); }, }, methods: { open() { this.isOpen = true; }, }, }; ```

在这个例子中，route属性是一个包含路由数据的对象，它包含了路由的data属性，你可以使用data属性来获取路由的状态。在watch钩子中，你可以在open方法中获取到route属性的值，然后更新isOpen属性，使router-link标签显示或隐藏。

注意：在使用context传递路由状态时，你需要确保你使用的是Vue Router提供的create和update钩子来更新route对象的属性。例如：

```javascript const router = new VueRouter({ routes: [ { path: '/your-page', component: YourComponent, // 其他组件 data() { return { isOpen: false, }; }, methods: { open() { this.isOpen = true; }, }, }, ], create() { return new VueRouter({ routes: [ { path: '/your-page', component: YourComponent, // 其他组件 data() { return { isOpen: false, }; }, methods: { open() { this.isOpen = true; }, }, }, ], }); }, update() { this.$router.push({ path: '/your-page', query: { ... }, }); }, });

new Vue({ router, // 其他配置 }); ```

在这个例子中，create和update钩子会创建一个新的Vue Router实例，并且在create钩子中创建一个新的路由实例，使用push方法将路由的URL传递给新的路由实例。在update钩子中，Vue Router会使用push方法将新的路由实例的URL传递给当前的路由实例。这样，当你在router-link标签中使用to属性时，Vue Router会自动更新路由状态，并在跳转到新的页面时不会重新加载数据。