vue3+naiveUI开关switch

news/2025/2/28 14:39:57/

文档: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>
javascript">const loading = ref(false)//状态开关加载中
const active = ref(false)//开关状态
const onSwitch = (e) => {// console.log(e);loading.value = truesetTimeout(() => {loading.value = falseactive.value = e}, 2000)
}

http://www.ppmy.cn/news/1575526.html

相关文章

【Viewer.js】vue3封装图片查看器

效果图 需求 点击图片放大可关闭放大的 图片 下载 cnpm in viewerjs状态管理方法 stores/imgSeeStore.js import { defineStore } from pinia export const imgSeeStore defineStore(imgSeeStore, {state: () > ({showImgSee: false,ImgUrl: ,}),getters: {},actions: {…

解决npm run dev报错

解决&#xff1a;Node.js 版本更新后与 OpenSSL 不兼容导致的npm报错“Error: error:0308010C:digital envelope routines::unsupported” 方法一&#xff1a;更改系统环境变量方法二&#xff1a;更改项目环境变量方法三&#xff1a;更换 Node.js 版本方法四&#xff1a;升级依…

DDD 架构之领域驱动设计【通俗易懂】

文章目录 1. 前言2. MVC 对比 DDD3. DDD 分层架构4. 完整业务流程 1. 前言 官方回答&#xff1a;DDD是一种应对复杂业务系统的设计方法&#xff0c;通过将软件设计与业务领域紧密结合&#xff0c;帮助开发人员构建清晰、可维护的领域模型。在复杂的业务系统中&#xff0c;它能…

【DeepSeek】本地部署,保姆级教程

deepseek网站链接传送门&#xff1a;DeepSeek 在这里主要介绍DeepSeek的两种部署方法&#xff0c;一种是调用API&#xff0c;一种是本地部署。 一、API调用 1.进入网址Cherry Studio - 全能的AI助手选择立即下载 2.安装时位置建议放在其他盘&#xff0c;不要放c盘 3.进入软件后…

【Python pro】函数

1、函数的定义及调用 1.1 为什么需要函数 提高代码复用性——封装将复杂问题分而治之——模块化利于代码的维护和管理 1.1.1 顺序式 n 5 res 1 for i in range(1, n1):res * i print(res) # 输出&#xff1a;1201.1.2 抽象成函数 def factorial(n):res 1for i in range(1…

【Golang】go语言异常处理快速学习

Go 语言的异常处理与很多传统的编程语言不同&#xff0c;它没有 try/catch 这样的异常捕获机制&#xff0c;而是通过 错误类型&#xff08;error&#xff09;来进行错误处理。Go 语言鼓励显式地处理错误&#xff0c;保持代码的简单性和可维护性。在 Go 中&#xff0c;错误处理不…

求最小值(数组)

题目描述 给出 n 和 n 个整数 ai​&#xff0c;求这 n 个整数中最小值是什么。 输入格式 第一行输入一个正整数 n&#xff0c;表示数字个数。 第二行输入 n 个非负整数&#xff0c;表示 a1​,a2​…an​&#xff0c;以空格隔开。 输出格式 输出一个非负整数&#xff0c;表…

es部署报错找不到tools.jar

网上看了很多解决方法都不行&#xff0c;换版本&#xff0c;甚至用es内置的jdk都没解决问题。 原因&#xff1a;系统在运行时会去环境变量里找JAVA_HOME&#xff0c;来找到JDK运行JVM&#xff0c;而JVM在运行时会根据classpath的设置来加载类和资源。 此时如果你的classpath里…