2018年12月_随便起的名字也被占用

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 01月

原创 vue axios封装httpjs，接口公用配置拦截

做一下记录，在vue项目中配置公用的请求https,(1) 位置，在src中新建 src/utils/http.jsimport axios from 'axios' // 引用axiosimport { MessageBox, Message } from 'element-ui'import Qs from 'qs' //引入数据格式化import router from '@...

2018-12-18 17:22:06 5214

原创 vue构造函数，判断当前点击事件是否是某一指定元素外的点击事件，判断当前点击事件是否不是其本身

html<div v-clickoutside="handleClose"></div>//当点击此div外的任何元素将会触发 v-clickoutside="handleClose"的 handleClose构造点击函数const clickoutside = { // 初始化指令 bind (el, binding, vnode) { ...

2018-12-24 20:27:44 5701 3

原创前端使用jspdf生成PDF通过ajax传输后台生成PDF文件

html需要引入 html2canvas.js 和jspdf.debug.js <script src="static/libs/jsPDF-master/dist/jspdf.min.js"></script><script src="static/libs/jsPDF-master/dist/html2canvas.js"></script&g...

2018-12-22 14:52:48 22309 2

原创 vue-cli+webpack在生成的项目中使用bootstrap方法（二）

vue-cli+webpack在生成的项目中使用bootstrap方法（一）中，是通过手动下载bootstrap库，然后手动添加到src/assets中，显然是过程太多。当然是可以更省力些，可以通过npm安装bootstrap，然后用import直接导入bootstrap的方式进行整合，因为vue-loader能自动从node_modules下加载库，非常方便。完整过程实现一遍。脚手架...

2018-12-19 14:10:30 250

转载 vue-cli+webpack在生成的项目中使用bootstrap方法（一）

在一个html页面中加入bootstrap是很方便，就是一般的将css和js文件通过Link和Script标签就行。那么在一个用vue-vli生成的前端项目中如何加入？因为框架不一样了，略微要适应一下。脚手架生成项目执行命令用webpack模板生成一个名为vuestrap的项目（名字任意）vue init webpack vuestrap在出现的各提示选项中，没什么要求，为了...

2018-12-19 14:05:47 384

原创 input radio,改装input单选框样式，单选框input修改默认样式

HTML<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head>..

2018-12-18 20:29:19 2640

原创基于vue-cli中基于element-ui的Upload 上传文件，异步上传

做项目时遇到上传excel文件到后台，项目使用的是elementUI组件，直接使用element的Upload上传，但是需求是需要用户选择完文件，并且输入文件描述，然后一起上传到后台，类似于form表单提交（1）.vue html <div class="user-search-body"> <el-form inline ...

2018-12-18 19:52:06 6764 2

原创生成页面二维码,携带参数二维码

wx.request({// 获取tokenurl: 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential',data: {appid: 'wx643c2791d05993cf',secret: 'cfd59a38367056fdd56db22a3259714b'},success(r...

2018-12-18 17:34:20 485

原创 echarts系列——echarts各项配置说明，配置项setOption()

echarts各个配置项简要说明总结最近在使用 echarts 时是各种踩坑，然后做个简单的总结，以便日后使用，分享出来供参考，之前做的时候也是一脸懵逼，上网搜了好多，也比较杂乱，所以就简单的总结一下，官网也有详细介绍。theme = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 col...

2018-12-07 15:12:43 35151 3

原创 echarts系列——在vue工程化项目中如何使用echarts

安装echarts依赖npm install echarts --save点击查看 echarts官网安装教程创建图表全局引入main.js// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts map.vue//html<div id="myChart...

2018-12-07 14:53:10 1166 3

原创 vue组件的生命周期

vue组件的生命周期Vue所有的生命周期钩子自动绑定在this上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。这是因为箭头函数绑定了父上下文，因此this与你期待的Vue实例不同。1、beforeCreate　　在实例初始化之后，数据观测和event/watcher时间配置之前被调用。2、created　　实例已经创建...

2018-12-07 10:45:09 108

原创在vue项目中使用地图api,在vue-cli搭建的项目中使用高德地图定位

在开发vue项目中遇到需要定位显示，需求是：需要根据后台返回的数据动态的将订单定位到产生的位置；然后根据现实的位置；高德地图提供的api 可以调用，用高德地图插件，解决方案非常传统：将高德地图通过cdn的形式引入到项目的index.html文件中，然后即可全局调用AMap。具体文档点击高德地图开放平台查看。现在在vue项目中使用，有几个问题不得不考虑：项目中其实只有几处需要用到地图...

2018-12-07 00:28:45 11694 24

转载推荐优秀的Vue UI组件库，记录一下方便以后查看

强烈推荐优秀的Vue UI组件库Vue是一个轻巧，高性能，可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少了，很多界面效果组件已经封装好了。在选择的Vue UI组件库的过程中，通...

2018-12-06 17:19:08 1162