- 博客(19)
- 收藏
- 关注
原创 input 输入 数字 英文 文字 的正则限制
只能输入数字<el-input v-model="xxx" onkeyup="value=value.replace(/[^\d]/g,0)"></el-input>只能输入 英文数字<el-input v-model="xxx" onkeyup="value=value.replace(/[\W]/g,'')"></el-input>只能输入中文<el-input v-model="xxx" οnkeyup="value=v
2021-07-23 15:55:58 225
原创 封装 vue 导出 xlsx
export function xhrToExportFile(url, method = 'GET', fileName = "文件名称", params = {}, fileType = 'xlsx') { const token = getCookie(`PHPSESSID`) || ''; let xhr = new XMLHttpRequest(); const hasParams = Object.keys(params).length > 0; if (m
2021-03-24 16:43:47 106
原创 vue 使用百度地图
npm install vue-baidu-map --saveimport BaiduMap from 'vue-baidu-map/components/map/Map.vue'components: { BaiduMap },<el-form-item label="地址:" class="search_form_item" > <div class="amap-page-container-input"> <el-autocomplete popper
2021-03-17 14:37:08 118
原创 封装参数(对象)转换为formData格式
/** * @param {Object} json 原json对象 */export function json2Form(json) { const formData = new FormData(); Object.keys(json).forEach(key => formData.append(key, json[key])); return formData;}```
2021-03-16 18:26:17 987
原创 vue 的 mixins
mixins基础概况混入 (mixins): 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。具体应该怎么用?举个栗子:一、定义公共的mixins文件:如mixin.vue<template> </template> <script> export default { name: 'mixin-test', comp
2021-03-15 10:39:55 434
原创 vue的beforeRouteEnter生命周期配合keep-alive使用
beforeRouteEnter: (to, from, next) => { if (from.fullPath.indexOf('mode') > 0) { //当前页面已加上keep-alive,如果是路由从带mode的页面过来 就走下面 否则走else next(vm => { vm.$data.addNewMaterialPopup = false vm.$nextTick(() => { ..
2021-03-11 11:59:53 743
原创 new Map()
Map结构提供了“值—值”的对应,是一种更完善的Hash结构实现。如果你需要“键值对”的数据结构,Map比Object更合适。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。Map 和 Array的对比 优势与劣势 let map = new Map(); let arr = new Array(); //增: map.set('a',1); arr.push({'a': 1}); //查: map.h
2021-03-04 17:59:52 210 1
原创 js倒计时
<div> <span id="_d">00</span> <span id="_h">00</span> <span id="_m">00</span> <span id="_s">00</span> </div> methods: { handle_...
2021-03-03 18:06:28 78 1
原创 vue-quill-editor自定义上传图片
//富文本<rich-text-editor v-model="tuwen_body" ></rich-text-editor><script>import richTextEditor from "@/components/richTextEditor"export default { props: {}, data(){ return{ tuwen_body:'', } }, components: { richTextEdi
2021-03-02 12:16:18 147
原创 快应用封装支付
import { WECHAT_REPAY,ALIPAY } from './api'import { SERVICE_URL } from './api_base'import wxpay from '@service.wxpay'import alipay from '@service.alipay'import prompt from '@system.prompt'import router from '@system.router';// 截取mweb_url里面的prepay_id
2020-11-04 14:43:12 383
转载 Object.keys方法
Object.keys方法之详解一、语法Object.keys(obj)参数:要返回其枚举自身属性的对象返回值:一个表示给定对象的所有可枚举属性的字符串数组二、处理对象,返回可枚举的属性数组let person = {name:"张三",age:25,address:"深圳",getName:function(){}}Object.keys(person) // ["name", "age", "address","getName"]三、处理数组,返回索引值数组let
2020-10-28 11:54:31 229
原创 vue上传图片
<!-- 自提点图片 --><el-form-item label="自提点图片:" class="search_form_item" > <div class="shop-pic" v-for="(item,index) in pic_list" :key="index"> <span class="remove-icon" @click="removeCurrentIMG(index)">+</span> <
2020-10-27 20:22:52 96
原创 vue 文件导出
<div class="upload-button" @click="handleExportList()">批量导出</div>//批量导出 handleExportList() { const params = { areaId: this.staffLsitForm.area_id, isSalesman: this.staffLsitForm.is_salesman, mobile: this.staff
2020-10-27 19:54:05 188
原创 vue 上传文件
<el-upload ref="importUPload" action="//www.***.com/api/v1" :on-remove="handleRemove" :auto-upload="false" :before-upload="beforeUploadfile" :on-change="changeHandle" :limit="1" :multiple="false"> <d
2020-10-27 19:47:32 112
原创 vue下载文件
<span @click=“downloadexcel”>下载最新导入模块downloadexcel() {const url = “后端给的url”;setTimeout(() => {window.location.href = url;}, 0);},
2020-10-27 19:36:04 68
原创 快应用商品规格选择思路
<!-- 选择 规格弹窗 --> <bottom-box if="{{showContent}}" @close="closeBox"> <div class="bigBox"> <div class="boxHead"> <!-- 商品价格库存展示 --> <div class="head"> <image src="{{ COM
2020-09-11 15:33:39 107
原创 快应用底部弹窗
快应用底部弹窗<template> <div class="test"> <div class="maskBox" @click="close"></div> <div class="model translateYByEntry"> <slot></slot> </div> </div></template><s
2020-09-11 15:19:49 453
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人