- 博客(17)
- 资源 (1)
- 收藏
- 关注
原创 vue keep-alive 多级路由 关闭标签清除缓存
背景:特定页面添加缓存,并且在关闭标签后需要清除缓存。多级路由添加keep-alive 只给二级路由添加是没有效果的,需要在主路由上也添加keep-alive,加上以后又出现个问题,使用include无法实现单独页面添加缓存的问题。的确是有点恶心。解决方法:1.在main.js里面添加页面离开的监听方法,并获取到缓存(因为只有这里才能看到缓存)。找到不需要做缓存的页面将缓存删除掉。配置需要缓存的页面然后进行判断。我是用的store。Vue.mixin({ beforeRouteLeav
2022-05-17 14:36:48 2498
原创 vuecli3 全局配置使用 scss
1.首先先引入sass-resources-loadernpm i sass-resources-loader --save-dev 2.打开vue.config.js (没有找到的话新建一个)module.exports = { css: { loaderOptions: { sass: { prependData: `@import "@/views/styles/你的.scss";` } } }}@对应的sr...
2021-08-18 09:27:06 244
原创 vue全局监控输入事件并进行验证
vue全局监控输入事件并进行验证main.js中引入:Vue.directive('filterInput', { bind(el) { let ele = el.tagName === 'INPUT' ? el : el.querySelector('input'); ele.addEventListener('input', () => { let temp = ele.value; var pattern = new RegExp("[%!#$
2021-07-23 16:40:54 432
原创 js轮循单独加载方法
loadJsAsync(jsList){ if(jsList.length == 0){ console.log('js全部加载完毕') return false; } var body =...
2019-12-19 09:55:42 119
转载 修改音视频权限
通过MediaDevices.getUserMedia()获取用户多媒体权限时,需要注意其只工作于以下三种环境: localhost域 开启了 HTTPS 的域 使用file:///协议打开的本地文件 其他情况下,比如在一个HTTP站点上,navigator.mediaDevices的值为undefined。 如果想...
2019-12-10 09:24:08 1547
原创 立体输入框
width:300px;height:42px;background:rgba(203,203,203,1);box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.1);opacity:0.7;border-radius:21px;
2019-07-11 09:31:15 202
原创 小程序商城订单支付界面(小程序)
wxml在此:<!--pages/cart/cart.wxml--><!-- 当数据为空时 --><view class='noData' wx:if="{{dataList.length == 0}}"> <view class='noDataImg'> <image src='/images/cart-nodata...
2019-05-14 10:52:14 9425
原创 手机号码邮箱验证(小程序)
function evalThis(type,val){ if (val == '') { wx.showToast({ title: '您还没有填写', icon: 'none' }) return false } switch (type) { case 'phone': if (!(/^(((13[0-9...
2019-05-14 10:47:12 1240
转载 IONIC 回退事件
// 第一步:导入ViewChild 和 Navbarimport { Component,ViewChild } from '@angular/core';import { IonicPage, NavController, NavParams,Navbar } from 'ionic-angular';// 第二步:获取导航条 @ViewChild(Navbar) navBar: N...
2018-12-03 10:27:20 506
原创 小程序地图展示
页面:<mapid="myMap"style="width:{{map_width}}px;height:{{map_height}}px"latitude="{{lat}}"longitude="{{lon}}"bindregionchange="regionchange"controls="{{controls}}"markers=&quo
2018-10-27 09:37:27 837
原创 百度地图搜索功能的实现
let map = new BMap.Map("map");let point = new BMap.Point(112.55086359, 37.89027705);map.centerAndZoom(point, 16);let that = this;let options = { onSearchComplete:(results)=>{ //...
2018-07-16 16:46:16 3669
原创 ionic 加载 HTML 数据 生成页面
首先要加载依赖:import { DomSanitizer } from '@angular/platform-browser';这个通常都已经加载好了,只需要引入即可。然后在page里面编译数据,在需要加载的标签上添加[innerHTML]="sanitize.bypassSecurityTrustHtml(“数据”)"。记住 这个数据必须是字符串!!!...
2018-07-16 16:36:17 1341
uniapp 仿探探卡片右滑效果 完美兼容 APP H5
2023-01-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人