Vue.js 在Vue中以编程方式更改开关状态并触发更改事件

Vue.js 在Vue中以编程方式更改开关状态并触发更改事件,vue.js,vuetify.js,Vue.js,Vuetify.js,我有一个似乎很简单的问题,关于与v型相结合的开关。我有一个开关列表,我想通过全局开关激活/停用这些开关,同时触发它们的@change func。在这个简单的例子中,我想通过点击开关1来改变状态并触发开关2的功能。因为在我的真实代码中,我有很多开关,所以我不希望每个开关都使用手表道具 <template> </div> <v-switch class="w-full mx-1 my-0"

我有一个似乎很简单的问题,关于与v型相结合的开关。我有一个开关列表,我想通过全局开关激活/停用这些开关,同时触发它们的@change func。在这个简单的例子中,我想通过点击开关1来改变状态并触发开关2的功能。因为在我的真实代码中,我有很多开关,所以我不希望每个开关都使用手表道具

<template>
    </div>
        <v-switch
          class="w-full mx-1 my-0"
          @change="switchFunc1()"
        >
        </v-switch>
          <v-switch
          class="w-full mx-1 my-0"
          @click="switchFunc2()"
          v-model="switch2"
        >
        </v-switch>
    </div>
</template>

<script>
export default {
  data() {
    return {
      switch2: false,
    };
  },
  methods: {
    switchFunc1() {
      this.switch2 = !this.switch2;
    },
    switchFunc2() {
      console.log('clicked');
    },
  },
};
</script>

导出默认值{
数据(){
返回{
开关2:错误,
};
},
方法:{
开关功能1(){
this.switch2=!this.switch2;
},
开关功能2(){
console.log('clicked');
},
},
};