vue
关注
分享
扫一扫
前端张子豪
这个作者很懒，什么都没留下…
展开
-
vue echarts图表提示气泡自动轮播
// 图形初始化 initData(){ //tooltip自动播放 this.autoPlayToolTip() this.addEvents()} // tooltip自动播放 autoPlayToolTip() { // 防止多次添加轮播定时器，扰乱轮播节奏 if(this.timer) return const that = this this.timer = setInterval(() => { .原创 2022-03-16 10:54:38 · 1434 阅读 · 0 评论 -
vue动态添加多个class
在实际开发中会有很多动态改变class的情况第一种icon可以是变量也可以是常亮，isLike只能是字符串，是类名,且likeClass为true时才有<div :class="[icon,{'isLike':likeClass}]"></div>第二种classB和classC都是类名，都是字符串<div :class=" { classB: true, classC: isC }"></div>第三种class绑定一个三元表达式<原创 2022-03-08 14:31:11 · 2466 阅读 · 0 评论 -
js获取当前日期的前七天
废话不多说，直接上代码，在图标或者列表数据的时候可以用到// 获取当前日期的前7天 getDays(){ let oneDay = 24 * 60 * 60 * 1000 let endTime = new Date(Date.now() - oneDay) endTime = this.formatterDate(endTime,"yyyy-MM-dd hh:mm:ss") let startTime = new Date(Date.now() -原创 2022-01-18 10:13:09 · 5497 阅读 · 0 评论 -
js获取上一个月的时间
在写图标或者列表的时候会有获取近一个月的数据的功能，封装成函数，直接拿用，不用谢！上代码// 获取某月的最后一天 2021-2 -> 2021-2-28 getCurrentMonthLast (date){ var endDate = new Date(date); //date 是需要传递的时间如：2018-08 var month=endDate.getMonth(); var nextMonth=++month; var nextMo原创 2022-01-18 10:09:29 · 3647 阅读 · 0 评论 -
element Drawer抽屉在ie浏览器页面抖动
测试提了一个bug，项目在IE浏览器中点击饿了么的组件抽屉页面会抖动，现在还有人用IE吗？看到这种bug头就大，没办法只能看看是什么问题了，在谷歌浏览器，别的一些浏览器都是没有问题的，百度了下有很多人也遇到了这个问题，可能是样式问题，是element自带的样式问题。找到问题就解决问题，最简单的办法就是把这个属性去掉或者替换掉。.el-drawer__wrapper{ overflow: visible;}...原创 2021-12-14 14:41:48 · 1739 阅读 · 2 评论 -
vue中使用高德地图
1、注册账号并申请key2、准备容器添加div标签作为地图容器，同时为该div指定id属性；<div id="container"></div> #container { width:300px; height: 180px; } 3、引入地图JSAPI脚本<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=您申请得key值"></原创 2021-11-23 11:28:21 · 498 阅读 · 0 评论 -
Vue组件通信
Vue组件通信（父传子、子传父、兄弟通信）一、父传子父组件是通过props属性给子组件通信的。1 . 父组件 <template> <div class="parent"> <h2>{{ msg }}</h2> <son :fa-msg="faMsg"></son> <!-- 子组件绑定faMsg变量,注意驼峰--> </div> </template> <原创 2021-01-11 20:40:40 · 334 阅读 · 0 评论 -
原生Js导出Excel文件
我们在开发过程中会遇到下载excel文件的需求，特别是后台管理的项目。首先我们先安装一下组件npm install js-export-exceloryarn add js-export-excel然后在需要使用的地方引入const ExportJsonExcel = require("js-export-excel");orimport ExportJsonExcel from "js-export-excel";下面拿个案例<template> &l.原创 2021-08-19 15:07:29 · 820 阅读 · 0 评论 -
vue写导航栏高亮显示的过渡动画效果
vue写导航栏高亮显示的过渡动画效果类似下面这种样式直接上代码<html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l原创 2021-08-12 08:54:20 · 681 阅读 · 0 评论 -
vue点击生成二维码
点击事件@click="share"页面 <!-- 二维码 --> <van-overlay :show="show" @click="show = false"> <div class="wrapper"> <div class="block"> <p>分享</p> <div> <img :src="imrUr原创 2021-03-08 17:16:49 · 643 阅读 · 0 评论