vue项目开发时,要使用Switch来切换状态,但是常用的element ui的Switch并不能满足需要,只能在github上查找一个符合要求的组件来用。最终找到了一个自己需要的组件。
安装依赖
npm install vue-js-toggle-button --save
...
3年前 (2022-08-11)
喜欢
组件代码
<template>
<div class="numcardInner">
<span :class="className" v-if="show">{{ num...
3年前 (2022-08-08)
喜欢
vue项目开发时,需要对文件进行导出操作,这就需要用到下载文件操作,这里使用的是axios进行下载操作。
async exportData() {
var data = qs.stringify({queryParam: this.data.queryParam})
le...
3年前 (2022-08-08)
喜欢
vue高德地图通过点击地图获取当前经纬度,记录一下实现实例。
initAmap() {
this.map = new AMap.Map('amap', {
resizeEnable: true,
center: ['105.065513639543', '29.5902...
3年前 (2022-08-03)
喜欢
el-upload上传文件时,需要限制一些文件类型,使用accept=".wav,.mp3"可以实现限制文件类型。
<el-upload
action=""
class="upload-demo"
:d...
3年前 (2022-08-02)
喜欢
在对数据进行循环处理处理时,需要对遇到不符合要求的数据对循环进行中断处理,这就需要使用到try catch来实现我们的要求了。
使用try catch实现
try {
var num = 0
// 用户类型
var list = [1, 2, 3, 4]
list.for...
3年前 (2022-07-30)
喜欢
安装依赖
npm i js-cookie
引入
import Cookies from 'js-cookie'
存入
创建cookie
Cookies.set('name', 'value');
设置期限7天有效期
Cookies.set('name', 'value'...
3年前 (2022-07-28)
喜欢
Vue开发时,写过多次的效果,就当做模板代码记录下来,留待后用,避免重复工作。
<template>
<div class="tableCom">
<div class="tableHead"&g...
3年前 (2022-07-26)
喜欢
在做大屏项目供水综合信息管理平台为了让大屏项目看起来更酷炫,根据设计图加入了一些自己觉得还可以的动画效果。
演示动画
实现代码
/**
* @Author: 858834013@qq.com
* @Name: top
* @Date: 2022-07-25
* @Desc:
*...
3年前 (2022-07-25)
喜欢
vue在做大屏项目开发时,需要添加一些动画元素,于是就研究如何做才能让页面的细节动画更生动。序列帧动画是其中的一个小思路。
组件代码
/**
* @Author: 858834013@qq.com
* @Name: stage
* @Date: 2022-07-25
* @De...
3年前 (2022-07-25)
喜欢