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