- 博客(20)
- 收藏
- 关注
RSS订阅原创 vue中在使用keep-alive时，会出现在页面跳转后el-tooltip或el-dropdown不消失的问题以及解决方法
1、keep-alive会多出两个生命周期，我们可以在deactivated中销毁当前页面中所有的tooltip或dropdown；其中2、3比较好，可以只写一处代码，就可实现整个项目都能移除el-tooltip或el-dropdown的功能。2、在路由守卫中，在页面跳转时都会执行这里的代码，然后移除即可；3、在App.vue中，监听路由切换事件，然后移除即可。写法上有多种，还有更多在这就不写了，希望对你有帮助。
2023-07-26 11:30:18
1383
2
原创 封装在光标位置插入文本内容
//在光标位置插入内容export const insertContent = content => {if (!content) {//如果插入的内容为空则返回return}let sel = nullif (document.selection) {//IE9以下sel = document.selectionsel.createRange().pasteHTML(content)} else {sel = window.getSelection()if (sel.ran
2021-06-05 15:33:02
287
2
原创 2021-06-01
点击鼠标特效/* 鼠标特效 */var a_idx = 0;jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("Java","C","C++","C#","Android","IOS","Object-C","Python","Kotlin","Html5","PHP","Git"); var $i = $("<span>&
2021-06-01 15:03:19
95
原创 2021-06-01
企业微信开发sendChatMessage:no permission一、引入官方js我是用vue写的，所以在index.html中引入一下代码：<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>二、在App.vue中注入相关配置 // 通过config接口注入权限验证配置 let jsApiList = [ 'selectExternalContact', '
2021-06-01 10:42:51
1451
1
原创 使用HBuilderX 编写uniapp
一、下载HBuilderX、微信开发者工具HBuilderX下载地址添加链接描述微信开发者工具稳定版下载地址添加链接描述二、HBuilderX配置工具–>插件安装启动微信开发者工具：工具–>外部命令–>运行设置微信开发者工具–>设置–>安全设置，服务端口开启三、运行...
2020-11-12 09:24:56
2460
原创 微信小程序 特殊布局下，页面上拉触底事件onReachBottom无法触发解决方法
一、jsimport fn from '../../utils/functions.js'; // 你自己封装的方法集Page({ data: { list: [], page: 1, loading: false, // 是否加载中 finished: false // 是否加载完毕 }, /** * 页面上拉触底事件的处理函数 */ scrollToLower: function(e) { if (!this.data.finish
2020-07-10 17:02:58
2862
1
原创 Vue 公众号商城实现浏览足迹
一、HTML<div class="product-page" v-if="product" @touchstart="touchstart()" @touchmove="touchmove()"> <van-popup v-model="is_history" position="top" class="history-popup" v-if="viewLog.length > 0"> <div class="history-tl">浏览足迹({{a
2020-06-12 19:44:48
738
原创 微信小程序--上传图片(包含删除、预览功能)
一：html<view class="tip">请提供相关问题的截图或照片</view><view class="uploader-img"> <view wx:if="{{images.length > 0}}" class="img" style="height:{{windowWidth}}px;" wx:for="{{ images }}" wx:key="index"> <van-icon name="cross" dat
2020-06-12 18:17:39
1508
5
原创 css 字幕闪烁
1、html<!-- 滚动字幕 --><view class="marque_notice" wx:if="{{flag && roll_notice.length > 0}}"> <view class="roll_notice" catchtap="goProduct" data-value="{{roll_notice[count]...
2020-04-18 09:38:56
172
原创 css 字幕水平滚动
1、html<view wx:if="{{roll_notice.length > 0}}" class="marquee"> <view class="content" style="animation-duration:{{roll_notice.length * 2}}s"> <text wx:for="{{roll_notice}}" wx...
2020-04-18 09:27:19
311
原创 vue + 签到日历
先看看我们的效果图：一、页面部分：<template> <div class="test-page"> <div class="top"> <div class="button" v-if="!sign" @click="Sign"> <i class="calendar-icon"><...
2020-01-18 10:42:27
6420
29
原创 微信小程序 声明并使用过滤器
目前微信小程序不支持管道符过滤器，不过没关系，大致都差不多一、首先在utils文件夹下新建filters.wxs过滤器文件二、编写你自己的过滤器module.exports = { /** * 价格格式化 * @param price * @returns {string} */ priceFormat: function(price) { retu...
2020-01-07 12:12:43
502
原创 vue js 水印组件，根据列表长度加载组件，铺满整张页面
一、首先先定义水印组件**创建watermark.js**const watermark = { set(top_px, item) { var oTemp = document.createDocumentFragment(); if (item.length > 0) { for (const i in item) { if (i % ...
2019-12-04 10:09:03
1087
原创 html2canvas截图--将网页转换成图片
一、安装：npm install --s html2canvas二、在需要的地方导入:import html2canvas from 'html2canvas';三、代码部分：js: data() { return { show: false, imgURL: '' }; }, created() { this.imgSRC =...
2019-09-23 11:53:08
469
原创 js设置，只能在微信浏览器中打开，适用微信公众号等H5页面
对浏览器的UserAgent进行正则匹配，不含有微信独有标识的则为其他浏览器：var useragent = navigator.userAgent.toLowerCase();if (useragent.indexOf(‘micromessenger’) === -1) { // micromessenger微信独有标识// 停止代码继续执行，并弹出提示框return alert(‘请在...
2019-08-16 09:50:35
4831
3
原创 vue+vant Uploader上传图片组件，压缩图片大小
html部分：js部分：重点，压缩图片的方法：然后就完成了，图片上传到后台，保存至数据库啦
2019-07-16 13:42:18
8992
2
原创 vue input唤起键盘 底部固定的按钮等标签被顶上去
js部分data() {return {hidshow: true // 显示或者隐藏底部提交部分};},mounted() {const ua = window.navigator.userAgent;if (ua.indexOf(‘Android’) > -1 || ua.indexOf(‘iPhone’) > -1) {const docmHeight = d...
2019-07-01 17:17:23
1539
原创 Vue 微信扫码支付
/**扫码支付请求/immediatePayment() {this.fn.showLoading();constdata=paymethod:1,//支付方式1−−微信tradeno:this.tradeno//订单号;this.fn.showLoading(); const data = { pay_method: 1,// 支付方式1--微信 trade_no: t...
2019-06-26 10:35:37
1601
原创 判断扫码的是支付宝 还是 微信（亲测有效）
根据userAgent获取扫码用户手机信息如果存在 micromessenger 为微信如果存在 alipayclient 则为支付宝否则，都不是IsWechatPayOrAliPay() {// 小写化var ua = window.navigator.userAgent.toLowerCase();if (ua.indexOf(‘micromessenger’) > 0) ...
2019-06-26 10:28:12
9637
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人