![](https://img-blog.csdnimg.cn/2020080609241281.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue.js
文章平均质量分 80
Vue.js 是一款渐进式 JavaScript 框架。易学易用,性能出色,适用场景丰富的 Web 前端框架。
奥特迦
越努力,越幸运。
展开
-
SpringBoot+Vue.js实现大文件分片上传、断点续传与极速秒传
亲测好用,这里就直接上代码了,代码有详细的解释。0. 建表语句SET NAMES utf8mb4;SET FOREIGN_KEY_CHECKS = 0;-- ------------------------------ Table structure for file_info-- ----------------------------DROP TABLE IF EXISTS `file_info`;CREATE TABLE `file_info` ( `id` char(8).原创 2021-03-24 14:18:48 · 2291 阅读 · 3 评论 -
vue 登录页背景-粒子特效(Vue-Particles)
上图中的点和线,是由Vue-Particles生成的,不仅自己动,还可以与用户的鼠标互动。例子的样式有点丑,大家凑合看一下吧。1. 使用教程1.1 安装npm install vue-particles --save-dev1.2 引入 main.js 文件import Vue from 'vue'import VueParticles from 'vue-particles'Vue.use(VueParticles)1.3 使用<template> <..原创 2020-12-30 09:31:20 · 2924 阅读 · 0 评论 -
element el-upload上传图片完成后隐藏上传
这里就直接上代码了,亲测可以。这里只弄了上传一张照片后隐藏上传按钮,如需上传多张,自行修改limit属性即可。<template> <el-card class="card"> <el-upload :class="{hide:hideUploadEdit}" :headers="this.headers" :action="this.url.fileUpload" :on-previe.原创 2020-08-21 10:22:40 · 2248 阅读 · 6 评论 -
vue 生成二维码:vue-qr插件
1. 安装插件# npm 安装npm install vue-qr --save# yarn 安装yarn add vue-qr2. 使用<template> <div> <vue-qr :correctLevel="3" :autoColor="false" colorDark="#313a90" :bgSrc="bgSrc" :logoSrc="logoSrc" :text="原创 2020-08-20 16:08:03 · 864 阅读 · 0 评论 -
vue 定时器:setInterval和setTimeout使用实例及区别
js中定时器有两种,一个是循环执行setInterval,另一个是定时执行setTimeout循环执行(setInterval)循环执行就是设置一个时间间隔,每过一段时间都会执行一次这个方法,直到这个定时器被销毁掉用法是setInterval(“方法名或方法”,“延时”), 第一个参数为方法名或者方法,注意为方法名的时候不要加括号,第二个参数为时间间隔实例:配合dayjs实现钟表功能,显示实时时间<template> <div id="app"> {{t原创 2020-08-06 10:35:28 · 719 阅读 · 1 评论 -
vue 钟表功能:动态显示实时时间(时间格式化插件dayjs)
npm安装npm install dayjs --savemain.jsimport dayjs from "dayjs"Vue.prototype.dayjs = dayjs; //可以全局使用dayjs实例/* 时间格式化 */this.dayjs().format('YYYY-MM-DD') // 当前日期:年月日this.dayjs().format("YYYY-MM-DD HH:mm:ss") // 当前日期:年月日 时分秒/* 获取过去七天时间 */ f.原创 2020-08-06 10:15:35 · 3353 阅读 · 1 评论 -
vue 实现表格循环滚动 vue-seamless-scroll插件的安装与使用
vue实现循环滚动 vue-seamless-scroll插件的安装与使用1. 安装2. 引入3. 直接上代码4. 结果1. 安装npm install vue-seamless-scroll --save2. 引入在main.js引入使用vue-seamless-scrollimport scroll from 'vue-seamless-scroll'Vue.use(scroll)插件在线演示文档3. 直接上代码<template> <div class=原创 2020-07-24 12:06:40 · 1724 阅读 · 4 评论