vuetify v-switch 点击Switch开关弹出对话框确认后再改变switch开关状态

vuetify v-switch 点击Switch开关弹出对话框确认后再改变switch开关状态

目标：点击switch组件之后，弹出一个Dialog，然后后这个dialog做判断，再决定这个switch是否变化。

在网上一直搜到的是element-ui，以及都是用的$confirm，但我的需求是要有一个dialog，实在没办法了。

解决：在v-switch 上加disabled，使之不能点击。在v-switch外面套一层<div>。在这个div的地方绑定@click，这个click是开启dialog的，然后后面根据dialog的选择直接改变绑定在v-switch的值。

<div class="d-flex justify-space-between" @click="handleSwitch(i)">
	<v-switch
		v-model="item.flag"
        disabled
    ></v-switch>
</div>