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>
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐