vue3+naiveUI开关switch

文档:https://www.naiveui.com/zh-CN/os-theme/components/switch

 <n-switch :value="active" @update:value="onSwitch" :loading="loading" :rubber-band="false">
	<template #checked>
	     正常
	template>
	 <template #unchecked>
	     禁用
	 template>
n-switch>
const loading = ref(false)//状态开关加载中
const active = ref(false)//开关状态
const onSwitch = (e) => {
    // console.log(e);
    loading.value = true
    setTimeout(() => {
        loading.value = false
        active.value = e
    }, 2000)
}

你可能感兴趣的:(Vue3,vue.js,前端,javascript)