- 博客(12)
- 收藏
- 关注
原创 element使用的问题,弹框关闭,弹框中的select选项不关闭问题
element使用的问题,弹框关闭,弹框中的select选项不关闭问题在开发中遇到有表格,表格中有下拉框,在下拉框出现选项未选择的情况下,关闭弹框,偶尔发现选项不关闭问题。在弹框关闭的事件中添加以下代码即可const SELECTWRAP_DOWNALL = document.querySelectorAll('.el-select-dropdown__list')const SELECTWRAP_ARROW =document.querySelectorAll('.popper__arrow')
2021-07-16 15:37:28
2346
3
原创 this.$router.go(0)在苹果手机刷新失败
vue中刷新当前页面this.$router.go(0)和window.location.reload()this.router.go(0)和window.location.reload()都是刷新当前页,但是this.router.go(0)和window.location.reload()都是刷新当前页,但是this.router.go(0)和window.location.reload()都是刷新当前页,但是this.router.go(0),在苹果手机中无反应,将this.$router.go(0
2021-02-25 15:46:49
944
原创 在vue移动端中使用高德地图,点击按钮实现打开高德APP,点击到这里去
在vue移动端中使用高德地图,点击按钮实现打开高德APP,点击到这里去效果图html文件中引入高德地图秘钥秘钥获取方法,先注册成为高德地图开发者<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你得秘钥"></script>在模板中使用<template> <div class="hello"> <div cla
2021-02-04 15:38:31
2161
原创 在vue移动端中使用百度地图打开百度APP,实现到这里去
在vue移动端中使用百度地图打开百度APP,实现到这里去效果图代码在html中引入<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.5&ak=你得秘钥"></script>在模板中// An highlighted block<template> <div class="hello"> <div class="hearder"
2021-02-04 09:32:14
2068
原创 vue中经常用到的过滤器
vue中经常用到的过滤器首先在vue项目中创建与views同级utils文件夹,主要放一些过滤器,接口等文件在utils中创建一个filters.js文件,用于写公共的过滤器在main.js中引入filters.js注册为全局过滤器// 手机号格式化 156 **** 5644Vue.filter('hideTelphone', (tel) => { if (!tel) return ''; return tel.replace(/(\d{3})\d*(\d{4})/,
2020-12-22 15:13:29
165
原创 vue中h5微信内置浏览器监测离开与进入项目,在一定的时间内免密登录,超时变成未登录状态
vue中h5微信内置浏览器监测离开与进入项目,在一定的时间内免密登录,超时变成未登录状态最近搞了一个项目,要求退出h5,在一定的时间内返回页面显示的是登录状态(这里是将token存到localStorage中),超过时间的界限,页面显示的是未登录状态。搜了很多资料,在这里总结一下,希望可以帮到大家。 mounted() { let beginTime = 0; //开始时间 let differTime = 0; //时间差 //适用浏览器适用
2020-12-21 14:48:59
785
原创 为什么在vue中使用svg
为什么在vue中使用svgSVG在既能满足现有图片的功能的前提下,又是矢量图,在可访问性上面也非常不错,并且有利于SEO和无障碍,在性能和维护性方面也比icon font要出色许多,总之大家可以根据项目实际情况去尝试使用。安装插件npm:npm install svg-sprite-loader --save-devyarn:yarn add svg-sprite-loader --save-dev在config中这里写到 了vue.config.js中const path = require
2020-11-24 16:55:00
416
原创 在vue中使用vue-json-excel,导出excel表格数据
在vue中使用vue-json-excel,导出excel表格数据表格安装插件npm:npm install vue-json-excel -Syarn:yarn add vue-json-excel -S在main.js中引入import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel)在组件中使用<download-excel class = "export-excel
2020-11-23 10:46:56
1972
2
原创 vue中实现点击小图查看大图的功能以及修改大图的层级与大小
vue中实现点击小图查看大图的功能以及修改大图的层级与大小:安装插件:npm:npm install vue-directive-image-previewer -Dyarn:yarn add vue-directive-image-previewer -D在main.js中:import VueDirectiveImagePreviewer from 'vue-directive-image-previewer'import 'vue-directive-image-previewer/d
2020-10-14 16:05:58
1126
原创 Day.js 处理时间和日期
Day.js 处理时间和日期的 JavaScript 库github地址:https://github.com/iamkun/dayjs安装:Npm:npm install dayjs --save在vue模板中使用:import dayjs from ‘dayjs’// 或者 CommonJS// var dayjs = require(‘dayjs’);dayjs().format();CDN:<script src="https://unpkg.com/dayjs">
2020-08-31 15:40:25
1114
原创 js-cookies的使用
在vue中使用js-cookies存储cookies提示:首先要先安装js-cookies插件:npm install js-cookie --save在项目中导入import Cookies from “js-cookie”js-cookies插件:https://www.npmjs.com/package/js-cookie在项目中使用提示:这里只列举了一种,详细使用请查看https://www.npmjs.com/package/js-cookie:例如:存储登陆状态的内容并保存一定
2020-08-25 09:57:42
117
原创 js处理今天是周几的办法
js处理当前是周几仅处理今天为周几function returnDate(){ let string = "今天是星期"; let date = new Date().getDay() console.log(date) // 使用对象 dateObj = { 0:"天", 1:"一", 2:"二", 3:"三", 4:"四", 5:"五", 6:"六" }; return string + dateObj
2020-08-23 20:53:26
152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人