分类:vue

vue开发笔记

vue Switch状态切换组件

vue Switch状态切换组件
vue项目开发时,要使用Switch来切换状态,但是常用的element ui的Switch并不能满足需要,只能在github上查找一个符合要求的组件来用。最终找到了一个自己需要的组件。 安装依赖 npm install vue-js-toggle-button --save ...

3年前 (2022-08-11) 喜欢

vue axios 下载流文件

vue axios 下载流文件
vue项目开发时,需要对文件进行导出操作,这就需要用到下载文件操作,这里使用的是axios进行下载操作。 async exportData() { var data = qs.stringify({queryParam: this.data.queryParam}) le...

3年前 (2022-08-08) 喜欢

vue 高德地图点击获取当前经纬度

vue 高德地图点击获取当前经纬度
vue高德地图通过点击地图获取当前经纬度,记录一下实现实例。 initAmap() { this.map = new AMap.Map('amap', { resizeEnable: true, center: ['105.065513639543', '29.5902...

3年前 (2022-08-03) 喜欢

el-upload 限制上传文件类型

el-upload 限制上传文件类型
el-upload上传文件时,需要限制一些文件类型,使用accept=".wav,.mp3"可以实现限制文件类型。 <el-upload action="" class="upload-demo" :d...

3年前 (2022-08-02) 喜欢

js中断forEach循环

js中断forEach循环
在对数据进行循环处理处理时,需要对遇到不符合要求的数据对循环进行中断处理,这就需要使用到try catch来实现我们的要求了。 使用try catch实现 try { var num = 0 // 用户类型 var list = [1, 2, 3, 4] list.for...

3年前 (2022-07-30) 喜欢

vue 使用cookie插件 js-cookie

vue 使用cookie插件 js-cookie
安装依赖 npm i js-cookie 引入 import Cookies from 'js-cookie' 存入 创建cookie Cookies.set('name', 'value'); 设置期限7天有效期 Cookies.set('name', 'value'...

3年前 (2022-07-28) 喜欢

vue 一个table组件

vue 一个table组件
Vue开发时,写过多次的效果,就当做模板代码记录下来,留待后用,避免重复工作。 <template> <div class="tableCom"> <div class="tableHead"&g...

3年前 (2022-07-26) 喜欢

vue 菜单旋转动画效果实现

vue 菜单旋转动画效果实现
在做大屏项目供水综合信息管理平台为了让大屏项目看起来更酷炫,根据设计图加入了一些自己觉得还可以的动画效果。 演示动画 实现代码 /** * @Author: 858834013@qq.com * @Name: top * @Date: 2022-07-25 * @Desc: *...

3年前 (2022-07-25) 喜欢

vue css 序列帧动画组件模板

vue css 序列帧动画组件模板
vue在做大屏项目开发时,需要添加一些动画元素,于是就研究如何做才能让页面的细节动画更生动。序列帧动画是其中的一个小思路。 组件代码 /** * @Author: 858834013@qq.com * @Name: stage * @Date: 2022-07-25 * @De...

3年前 (2022-07-25) 喜欢