vue开关按钮，当开的时候跳转开启状态页面

在Vue.js中，你可以创建一个开关按钮，并利用其`v-model`绑定一个布尔值来控制状态。当按钮处于"打开"（true）状态时，可以设置一个事件监听器（比如`@change`或`@input`），在触发时执行跳转操作，例如：

<template>
  <div>
    <switch v-model="isOpened" @input="handleSwitchChange"></switch>
    <router-link :to="{ name: 'openPage', params: { isOpened: isOpened }}" :disabled="!isOpened">开启状态页面</router-link>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isOpened: false, // 初始状态设为关闭
    };
  },
  methods: {
    handleSwitchChange(event) {
      if (event.target.checked) {
        this.$router.push({ name: 'openPage', params: { isOpened: true } });
      } else {
        // 如果按钮切换到关闭状态，这里可以选择不进行跳转或者跳转到其他页面
      }
    },
  },
};
</script>

在这个例子中，当用户点击开关按钮，`handleSwitchChange`方法会被触发，如果开关打开（`event.target.checked`为`true`），就会导航到名为`openPage`的状态页面，并将`isOpened`的状态作为参数传递过去。如果按钮切换到关闭状态，则不会跳转。