2019年6月14日
vue图片上传组件
摘要： 1、正常上传 <template> <div class="upload-wrapper"> <div v-if="!imgUrl" class="noneData"> <div @click="openLocals"> <img src="./imgs/icon_jh.png" alt=""> < 阅读全文
posted @ 2019-06-14 15:37 温如其玉 阅读(3175) 评论(0) 推荐(0) 编辑
vue实现拖拽效果
摘要： 1、封装拖拽组件 2、需要使用的页面中页面组件 阅读全文
posted @ 2019-06-14 15:32 温如其玉 阅读(5173) 评论(0) 推荐(0) 编辑
vue卡片化轮播图组件
摘要： 1.安装swiper npm install swiper 2.在组件中引入swiper import 'swiper/dist/css/swiper.min.css' import Swiper from "swiper" //版本是用的："swiper": "^4.5.0" 3.页面的代码 <t 阅读全文
posted @ 2019-06-14 15:06 温如其玉 阅读(7396) 评论(2) 推荐(1) 编辑
2019年5月31日
vue数据结构图以及修改element样式
摘要： <template> <div class="weChatToken"> <el-tree :props="defaultProps" :data="treeData" :expand-on-click-node="false" > <span class="custom-tree-node" sl 阅读全文
posted @ 2019-05-31 16:52 温如其玉 阅读(1118) 评论(0) 推荐(0) 编辑
微信小程序实现数据监听
摘要： /** * 设置监听器 watch.js */ export function setWatcher(page) { let data = page.data; let watch = page.watch; Object.keys(watch).forEach(v => { let key = v.split('.'); // 将watch中的属性以'.'切分成数组 ... 阅读全文
posted @ 2019-05-31 15:52 温如其玉 阅读(19343) 评论(2) 推荐(1) 编辑
微信小程序上传图片
摘要： wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有 success: (res) => { ... 阅读全文
posted @ 2019-05-31 15:46 温如其玉 阅读(363) 评论(0) 推荐(0) 编辑
利用观察者模式 进行不同页面的传值
摘要： // 创建文件 observer.js const eventMap = {}; //监听事件 //$on(事件名字, 回调函数1) //$on(事件名字, 回调函数2) const $on = function(eventName, eventCallback){ //判断事件是否有对应的装载事件回调的容器 if(!eventMap[eventName]){ ... 阅读全文
posted @ 2019-05-31 15:41 温如其玉 阅读(371) 评论(0) 推荐(0) 编辑
2019年5月30日
axios请求处理
摘要： import axios from 'axios'; import router from '@/router'; import { Message } from 'element-ui'; import { getToken, base64Encrypt, base64Decrypt, serializeData } from '@/utils/auth'; // import { // ... 阅读全文
posted @ 2019-05-30 16:56 温如其玉 阅读(764) 评论(0) 推荐(0) 编辑
百度地图实现鼠标绘制图形并获取相关数据
摘要： <template> <div id="business"> <div class="search-wrapper"> <el-form :model="business" size="small"> <el-row> <el-col :span="6"> <el-form-item label=" 阅读全文
posted @ 2019-05-30 16:51 温如其玉 阅读(2193) 评论(0) 推荐(0) 编辑
web前端支付功能
摘要： 等待付款 订单已提交，请在点击确认支付。 订单金额：¥ {{weixinPayMsg.orderPrice}} 选择支付方式 支付宝支付 ... 阅读全文
posted @ 2019-05-30 16:03 温如其玉 阅读(1423) 评论(0) 推荐(0) 编辑