随笔分类 -  vue

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 温如其玉 阅读(3228) 评论(0) 推荐(0)
vue实现拖拽效果
摘要：1、封装拖拽组件 2、需要使用的页面中页面组件 阅读全文
posted @ 2019-06-14 15:32 温如其玉 阅读(5224) 评论(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 温如其玉 阅读(7623) 评论(2) 推荐(1)
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 温如其玉 阅读(1165) 评论(0) 推荐(0)
利用观察者模式 进行不同页面的传值
摘要：// 创建文件 observer.js const eventMap = {}; //监听事件 //$on(事件名字, 回调函数1) //$on(事件名字, 回调函数2) const $on = function(eventName, eventCallback){ //判断事件是否有对应的装载事件回调的容器 if(!eventMap[eventName]){ ... 阅读全文
posted @ 2019-05-31 15:41 温如其玉 阅读(396) 评论(0) 推荐(0)
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 温如其玉 阅读(792) 评论(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 温如其玉 阅读(2299) 评论(0) 推荐(0)
web前端支付功能
摘要：等待付款 订单已提交，请在点击确认支付。 订单金额：¥ {{weixinPayMsg.orderPrice}} 选择支付方式 支付宝支付 ... 阅读全文
posted @ 2019-05-30 16:03 温如其玉 阅读(1491) 评论(0) 推荐(0)