标签:vue3

vue

vue3 数据可视化大屏获取验证码

vue3 数据可视化大屏获取验证码
数据可视化大屏项目开发中,登录页需要一个验证码发送功能,这里我们来实现这个功能。 使用 <captcha :phone="phone"></captcha> 创建组件captcha 组件接收电话号码,使用label来显示获取验证码,...

yekong 1年前 (2023-09-22) 喜欢

vue

vue3 全局注册并初始化AOS

vue3 全局注册并初始化AOS
在Vue 3中,你可以使用createApp函数来创建Vue应用,并使用app.use()方法全局注册和初始化AOS。以下是在Vue 3中全局注册和初始化AOS的示例: 安装AOS和Animate.css:首先,确保你已经安装了AOS和Animate.css。你可以通过npm或...

yekong 1年前 (2023-09-12) 喜欢

vue

vue3实现时间段布防时间效果

vue3实现时间段布防时间效果
vue3数据可视化大屏项目开发中,需要一个24小时时间段,时间段可以点击选择,可以多选以用来记录时间段。 通过鼠标可以选择时间点,点击保存后可以将数据通过localStorage缓存到本地。 效果截图 演示地址 vue3实现时间段布防时间效果 项目应用 视频监控智能分析系统 部...

yekong 1年前 (2023-09-11) 喜欢

vue

vue3 import批量引入图片

vue3 import批量引入图片
当然,如果你需要批量引入大量图片并将它们放入数组中,可以使用以下代码: const images = []; for (let i = 0; i <= 74; i++) { images.push(require(`./topbg/topbg_${i}.png`).de...

yekong 1年前 (2023-08-23) 喜欢

vue

vue3 记住密码组件实现

vue3 记住密码组件实现
vue3 数据可视化大屏项目开发中,登录页面一般都需要记住密码功能,我们来实现这种功能。 使用组件 引入组件 import rememberPwd from "./rememberPwd.vue"; 使用 components: {rememberPwd},...

yekong 1年前 (2023-08-04) 喜欢

vue

vue3 数字滚动插件 countup.js

vue3 数字滚动插件 countup.js
数字滚动效果 动画效果 在Vue.js中,可以使用countUp.js插件实现数字滚动。这是一个独立的,能让你创建动态递增或递减的数字动画的JavaScript库。 首先,你需要在项目中安装这个库: npm install countup.js --save 然后,在你的组...

yekong 1年前 (2023-07-31) 喜欢

vue

watchEffect 和 watch的区别

watchEffect 和 watch的区别
watch 和 watchEffect 都是 Vue 3 提供的响应数据的变化的 API,但它们之间有一些关键的区别。 启动时的行为:watchEffect 在声明时会立即执行一次回调函数,而 watch 默认情况下则不会。你需要在 watch 的选项中设置 immediat...

yekong 1年前 (2023-07-28) 喜欢