编程经验
菜菜Caro
..
展开
-
防止按钮点击重复请求数据
let isflag = 0;onChange = () => { // 点击按钮 isflag++ if(this.isflag == 1){ ... setTimeout(() => { this.isflag = 0 }, 3000); }}原创 2021-12-15 08:52:52 · 282 阅读 · 0 评论 -
taro安装某个具体版本
npm install -g @tarojs/cli@2.0.7taro update project 2.0.7原创 2021-10-28 17:18:41 · 580 阅读 · 0 评论 -
React + antd导入表格
引入import { Button, Upload , message} from 'antd'导入// 导入excel表格getImport = () =>{ let _that = this; const props = { name: "file", action: Api // url及接口参数 accept: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, app原创 2021-10-21 11:34:58 · 387 阅读 · 0 评论 -
小程序跳转到H5再跳转到小程序支付页面
全局index.js中引入<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>使用function program(param) { window.wx.miniProgram.getEnv(function(res){ if (res.miniprogram){ //发起小程序支付 window.wx原创 2021-10-20 09:29:19 · 550 阅读 · 0 评论 -
React展示富文本内容
<div dangerouslySetInnerHTML={{__html: content}}></div>原创 2021-10-19 11:20:50 · 2565 阅读 · 0 评论 -
React实现移动端图片预览组件
安装npm install --save react-wx-images-viewer或者 yarn add react-wx-images-viewer引入import WxImageViewer from 'react-wx-images-viewer';使用<WxImageViewer onClose={this.onClose('isOpen')} urls={imags} />完整代码import WxImageViewer from 'react-wx-ima原创 2021-10-19 11:12:21 · 1429 阅读 · 0 评论 -
两种导出excel表格方式
一、使用 FileSaver.js安装:npm install file-saver --save引用:import FileSaver from 'file-saver'api文件:导出文件记得加上 responseType: ‘blob’import axios from 'axios';Export: (params) => { return axios({ method:'get', url: 'url', responseType: '原创 2021-08-03 16:52:38 · 708 阅读 · 0 评论 -
H5移动端px转rem格式 1rem = 100px
export default { mounted(){ setRem() },} function setRem() { var whdef = 100/750;// 表示1920的设计图,使用100PX的默认值 var bodyWidth = document.body.clientWidth;// 当前窗口的宽度 var rem = bodyWidth * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值 doc原创 2021-07-12 14:24:25 · 805 阅读 · 0 评论 -
Vue项目api.js
一、安装axiosnpm install axios//引用import axios from "axios"二、安装qsnpm install qs//引用import qs from "qs"三、安装ant手机组件npm install antd-mobile --save//引入需要使用得组件import { Toast } from 'antd-mobile'//获取当前文档的服务器域名var url = document.domainif (!url ||原创 2021-07-07 10:45:51 · 1109 阅读 · 0 评论 -
vue子组件获取父组件几种方法
1、使用this.$parent.event直接调用//父组件<template> <div> <child></child> </div></template><script> import child from '~/components/dam/child'; export default { components: { child }, method原创 2021-06-15 15:24:00 · 16114 阅读 · 0 评论 -
如何获取url地址栏?后面的参数
// 获取url中参数export function paramUrl(url) { if(!url) return {}; let search = url.split('?')[1] if (!search) { return {} } search = decodeURIComponent(search); let obj = {}; search.split('&').forEach(item=>{ const [key, value] =原创 2021-06-10 14:49:11 · 586 阅读 · 0 评论 -
vue+h5移动端实现对上传图片超过1M进行压缩上传
HTML:<div class="picker_photo" > <input ref ="leftFile" id="upload" type="file" capture="camera" @change="getFile($event)" accept="image/*" style="display:none"> <span v-if="fileList"> <img v-for="item in ImgList" :key="item"原创 2021-06-10 14:28:39 · 881 阅读 · 0 评论