u014678583的博客

el-table分页后设置连续的索引(如排行榜)

vue3 wangeditor/editor富文本使用和编辑

vue 关于日期、时间戳格式的一些操作。

富文本中过滤和增加图片前缀

js多维数组过滤

vue3npm install vue3-count-to --save<count-to :startVal="0" :endVal="3000.22" :decimals="2" :duration="3000"></count-to>import { CountTo } from 'vue3-count-to';components: { CountTo },参考地址：https://github.com/xiaofan9/v...

1、首先，下载 GitHub 上的ecomfe/echarts-for-weixin项目。下载好后把这个文件夹保存到你的项目中，2、初步尝试，这块代码我是直接引用官网上的代码import * as echarts from '../../ec-canvas/echarts';const app = getApp();function initChart(canvas, width, height, dpr) { const chart = echarts.init(c...

// 内置型数据区域缩放组件（dataZoomInside）：内置于坐标系中，使用户可以在坐标系上通过鼠标拖拽、鼠标滚轮、手指滑动（触屏上）来缩放或漫游坐标系。// 滑动条型数据区域缩放组件（dataZoomSlider）：有单独的滑动条，用户在滑动条上进行缩放或漫游。function getOption(titles, xData, legendDatta, series, top) { var option = { title: { text: titles, .

1、图片自适应大小// obj.info 后台返回的富文本数据 obj.info = obj.info.replace(/<img/gi, '<img class="fwb-img"') .replace(/<section/g, '<div') .replace(/\/section>/g, '\div>');// html:<view class="mdl-xq"> <rich-text

// 第一种，如果小数点不足两位的话，不会自动填充0let isTotal = Math.floor(1.4564 * 100) / 100; let isTotal2 = Math.floor(1.4 * 100) / 100; console.log(isTotal); // 输出结果：1.45console.log(isTotal2); // 输出结果：1.4...

假设原始数据是

前提：你的浏览器已经安装vue-devtools工具场景：当你做了很多项目的时候，总会有些多出来的state值是无用的，如果不删除，state下的值会越来越多（不管有用的还是没用的值）。这样很不好，在浏览器中又不能直接删除，网上找了一堆，结果全是没用的，也是醉了，所有就自己写了一个方法清空掉所有的state值。1、假设我要清除state下的所有值2、 添加mutations中的方法//模拟数据state: { includeList: [], oneNavCur:0,

//动态生成12个月份var year = '2021',month_arr = [];for (let m = 1; m <= 12; m++) { m = m < 10 ? "0" + m : m; month_arr.push(year + '-' + m)}console.log('month_arr',month_arr)效果：

在util.js中加入以下代码const app = getApp();//封装request请求const sendRequest = (url, method = 'GET', data = {}, contentType) => { var token = wx.getStorageSync('token') || ''; return new Promise(function (resolve, reject) { wx.request({ url: `.

注意：每个页面都要添加name，name:"页面名称'，不然不起作用1、在App.vue中，编写如下代码<template> <div id="app"> <!-- include 需要缓存的组件 --> <keep-alive :include="includeList"> <router-view /> </keep-alive> &

1、首先我们在新建好的uniapp项目中新建一个文件夹common，再建一个request.js文件2. 在request.js放入以下代码var apiUrl = ''; //放入后台接口的url// #ifdef H5var baseUrl = '';if (process.env.NODE_ENV === 'development') { //本地环境，即开发环境 baseUrl = '/api'} else { //线上环境 baseUrl = apiUrl}/

前言：参考网上的资料和自己整理了下，参考的网址现在找不到了。1、在项目中新建utils.js文件2、写入代码/** * 保留前后四位 中间每4个*会有一个空格 6212 **** **** *** 0222 * @param {value} 传入数据 */const bankCard = (value) => { if (value && value.length > 8) { return `${value.substring(0, 4)} $

/** * 验证身份证格式 */const testCard = text => { var idcardReg = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/; return idcardReg.test(text)}//使用var idcard = 'XXXXX.

亲测有效！bindUrl(tel) { //tel为手机号码参数 window.location.href = `tel://${tel}`;},

首先，我这边使用的是小程序的第二种场景码，前提是你这个小程序必须是已经发布的点击跳转查看详细官方文档：获取小程序这个码需要后台配置生成好太阳码然后返回给前端。假设：你传给后台的page为："pages/home/home"，后台：scene为："type=5&id=3"注意scene为后台配置好的，这个需要后台encodeURIComponent()编码scene参数那么在home这个js中需要加如下代码：onLoad: function (options) { ..

当van-index-bar 这个组件有wx:if时，不管是在它组件上还是外层包含判断时都会造成索引滚动不了对应的位置，只有去掉wx:if，才可以。这个坑随着你滚动，索引不会跟着修改成当前对应的索引。这个坑真的是太无语了，废话不多说。这个坑我写出来希望帮助更多的人。有什么疑问随时在下方留言，笔者看到会及时回复。列表已经滚动到C了，结果顶部标题栏跟右侧都没有滚动到对应索引上。

首先先在腾讯地址服务申请好密钥，其次下载qqmap-wx-jssdk文件，点此前往申请在小程序上使用varQQMapWX=require('../../utils/qqmap-wx-jssdk.js');varkeys=newQQMapWX({key:'你申请的密钥'});//获取位置 getLocations() { var that = this; wx.getLocation({ type: 'gcj02', ...

main.jsimport Axios from 'axios'Axios.defaults.timeout = 10000;//设置超时时间，单位毫秒Axios.defaults.retry = 3; //设置全局请求次数Axios.defaults.retryDelay = 1000;//设置全局请求间隙// http 响应拦截器Axios.interceptors.response.use((response) => { var token = response.he

//js//富文本反转义htmlfunction escape2Html(str){ var arrEntities = { 'lt': '<', 'gt': '>', 'nbsp': ' ', 'amp': '&', 'quot': '"' }; return str.replace(/&(lt|gt|nbsp|amp|quot);/ig, function (all, t) { return arrEntities[t]; });}//富文本转义h.

1、node.js 下载链接：https://nodejs.org/zh-cn/download/2、安装vue脚手架 命令：npm install -g vue-cli3、查看vue版本：vue -V 查看node版本：node -v 查看npm版本：npm -v4、安装vuex 指导文档：https://www.jianshu.com/p/5870bc825a...

如果正则表达式中包含零宽断言的话 , 在安卓手机上正常 , 但是在ios上会报以下错误Info Warn Error SyntaxError: Invalid regular expression: invalid group specifier name常用零宽断言：?<=、?<!、?!、?=例如：只显示姓名开头第一个字（正则），格式：张**//只显示姓名开头第一个字data.replace(/(?<=.)./g, '*')这种写法在安卓是正常的，IOS就不行

这里以储存后台返回来的Authorization，然后本地永久储存为例第一步：通过登录接口后获取返回回来的token值，然后本地储存，localStorage.setItem('token', res.data.result.Authorization)第二步：main.jsimport Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'i

1、手机号隐藏中间4位var phone = "18200002111";phone.replace(/^(\d{3})\d+(\d{4})$/, "$1****$2");输出结果：2、身份证隐藏中间数字var idcard = '530026222211032101';idcard.replace(/^(\d{6})\d+(\d{4})$/, "$1******$2");输出结果：3、只显示姓名最后一位 var name = '张三'; name.rep...

第一步：安装weixin-js-sdk npm install weixin-js-sdk第二步：在assets文件下新建个common文件夹，然后再新建个utils.js文件import wx from "weixin-js-sdk";/** 微信分享* 获取微信加签信息* @param{data}:获取的微信加签* @param{shareData}:分享配置参数*/export const wexinShare = (data, shareData) =&...

第一步：先检查是否成功安装vant，在package.json中查看没有安装的有两种方法：1、npmnpm i vant -Snpm i babel-plugin-import -D2、终端-命令行，输入vue ui，打开图形化界面，选择依赖安装第二步 ：检查babel.config.js重点第三步：vue.config.js，检查有没有...

这个是借鉴于网上的资料，然后整理过来的App.vue:created() { //在页面加载时读取缓存里的状态信息,info这个值自定义 if (sessionStorage.getItem("info")) { this.$store.replaceState(Object.assign({}, this.$store.state...

因笔者需要用到动态二维码绑定关系这一项，故参考网上许多资料最终整理如下文档第一步：npm i qrcode --save第二步：创建一个vue文件，用于放置你的二维码<template> <div> <div> <canvas id="canvas"></ca...

第一步：//安装npm install crypto-js --save-dev第二步：在src目录下新建个放公用js文件夹(common)，再建一个AES.js文件，例如：第三步：在AES.js中填写如下代码import CryptoJS from 'crypto-js';export default { //随机生成指定数量的16进制key ge...

第一步：//安装npm install crypto-js --save-dev第二步：在src目录下新建个放公用js文件夹，例如第三步：在DES.js中填写如下代码import cryptoJs from 'crypto-js';//随机生成指定数量的16进制keyexport const generatekey = (num) => { let l...

参考链接：https://gitee.com/all-about-git#%E4%BB%93%E5%BA%93常用到的有如下几个：//新建个空文件夹，然后在该文件夹下用命令进入，例如：2、常用命令，按照步骤来2.1、先配置好gitgit config --global user.name "宋元孝"git config --global user.email "103...

1、新建一个js文件，例如命名utils.js，把下面/** * 获取当前时间,为订单号提供 * 格式YYYYMMDDHHMMSS */export const getDateNums = (date) => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = d...

第一步：安装weixin-js-sdk，命令：npm i -S weixin-js-sdk 或者 npm install weixin-js-sdk第二步：在需要的地方引用：import wx from "weixin-js-sdk";第三步：简单的封装了个获取地址方法，并暴露出来/** 微信获取地址* 获取微信加签信息* @param{data}:获取的微信加签* @...

var dataImg = ''; //base64位var imgs = dataImg.replace(/^data:image\/\w+;base64,/, "");//去掉base64位头部亲测有效

mounted() { document.querySelector('body').setAttribute('style', 'background-color:#f6f6f6') }, beforeDestroy() { document.querySelector('body').removeAttribute('style') ...

参考了网上的一些资料，具体的网址现在已经找不到了，觉得的挺好的就整理下给大家使用下//封装request请求var sendRequest = function (url, method, data = {}, header = {}) { var promise = new Promise(function (resolve, reject) { wx.request({...