自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 还不会发包?30S教会你

学会发包可以避免我们在项目开发中重复造轮子的现象;当我们开发了通用的组件或者工具库后可以将其发布到npm上,这样在我们后续有同样需求的时候就可以直接下载下来用了,是不是灰常的的灵性。

2022-11-04 17:29:52 362 1

原创 二次封装el-update组件(vue2.x)

一、单张图片上传组件 Upload.vue<template> <div> <el-upload class="pic-uploader-component" action="上传地址" :show-file-list="false" :on-success="handleUploadSuccess" :on-change="handleChange" :before-upload="bef

2021-04-12 11:25:11 435

原创 element-ul二次封装table表格

element-ul二次封装table表格在项目中el的表格使用的地方太多了,若不进行封装,使用的时候页面会显得非常的冗余且难以维护,有时表格样式还不能做到一致;今天分享一个在工作中封装的表格由于大多代码都在页面有介绍,就不在外面解释了一、表格的基本配置 tableConfig/homeTab.js (由于配置项数据比较多,就单独拿出来写)/** * 首页表格配置项 * * 完整配置 * prop 单元格数据(非特殊类型必填) label 单元格标题(非特殊类.

2020-08-31 17:47:36 279

原创 基于axios二次封装网络请求

基于axios二次封装网络请求本套网络请求基于axios的二次封装,用到了vuex(断网及其他错误的标识)、vue-router(页面跳转)和element-UI的一些交互;封装采用模块化思想,各个文件的功能单一,大大降低了耦合性。请求亮点:1、可控制请求时loading的样式及是否需要显示loading;2、请求错误时的统一提示3、请求超时、断网、请求报错的统一处理4、请求可以有多个域名5、请求接口的统一管理6、封装采用模块化思想文件目录:1、/http/.

2020-08-31 14:24:54 557

原创 Vue路由模块化的实现方法

分享一个Vue路由模块化方法,简单实用,好用到飞起路由模块化1. router/index.js2. router/home.js 无子路由3. router/order.js 有子路由4.main.js5.App.vue路由模块化1. router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import home from './home' //路由模块import order from './order

2020-08-24 16:48:47 926

原创 Vue中使用百度地图绘制多个多边形

因公司项目需要绘制配送范围 之前也没接触过百度地图这一块 自己花了些时间去研究了一下 目前可实现绘制多个圆形、多个多边形该功能是一个组件 直接放入项目即可<template> <div> <div class="map"> <div class="title"> <div> <img src="@/assets/home/z_x_green_mini.png" alt /&g.

2020-06-05 12:03:25 2702 1

原创 小程序如何做支付功能

/** * 支付功能: * * 1、将支付金额发送给后台 后台将支付时需要的参数返回来 * 2、发起支付 填上对应的参数(注意:签名需要md5加密) * 3、根据支付结果显示对应的页面 * */ async payment() { //this.$ajax 自己封装的网络请求 let res = await this.$ajax({ method: "post", data: { money: 0.0...

2020-06-05 11:07:50 1374 1

原创 可自定义的vue下拉框组件

创建Select.vue组件//创建Select.vue组件<template> <div class="selects"> <!-- 选择框 --> <div :class="{selects0show: !isshow,selects0hade: isshow}" class="selects0"...

2019-11-30 21:54:51 1456

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除