vue
关注
分享
扫一扫
ヤD草帽Dヤ
经验之谈，走过的坑越多越好
展开
-
html2canvas截图功能
直接上代码<!DOCTYPE html><html><head> <meta name="layout" content="main"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&g原创 2018-06-07 14:39:57 · 288 阅读 · 0 评论 -
vscode 快速新建.vue模板
1.文件 ==> 首选项 ==> 用户代码片段 ==> 输入vue，选择vue.json==> 编辑vue.json文件如下：(使用本人的结构){ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body an...原创 2019-12-24 09:34:56 · 187 阅读 · 0 评论 -
配置vue环境
在config文件新建自己所需的环境（例：test测试环境，peod正式环境）新建test.env.js和prod.env.js'use strict'module.exports = { NODE_ENV: '"testing"', BASE_API: '"https://test.com"',//自己配置的域名或者其他可以放这里 REAL_NAME: '"test"...原创 2019-12-20 16:01:31 · 143 阅读 · 0 评论 -
vue无刷新修改url参数
import merge from 'webpack-merge'；修改原有参数 this.$router.push({query:merge(this.$route.query,{'maxPrice':'630'})})新增一个参数：this.$router.push({query:merge(this.$route.query,{'addPa...转载 2019-04-12 10:13:09 · 9124 阅读 · 3 评论 -
vue压缩字体
由于制作H5页面，需求要设置炫一点的字体，但是字体包太大加载太慢，所以出现了特殊字体压缩与字蛛的使用原理：把需要的字的字体保存，用不到的字的字体清除实现：1.下载好你需要的字体2.在项目中新建一个页面，利用一个标签输入所有你要用到的特殊文字(vue 的话可以直接在index.html写，后面再删除即可)<style> @font-face{ ...原创 2019-01-15 14:33:55 · 2160 阅读 · 0 评论 -
vue 图片查看器(可缩放，翻上下一页等)使用
NPM1.安装npm install vue-photo-preview --save2.main.js引入import preview from 'vue-photo-preview'import 'vue-photo-preview/dist/skin.css'var options = { tapToClose: true, //点击图片默认关闭 c...原创 2019-01-04 16:43:12 · 2273 阅读 · 0 评论 -
vue 封装axios
import axios from "axios";axios.defaults.headers.common["Content-Type"] ="application/json; charset=UTF-8";axios.defaults.headers.common["clientType"] = "H5";axios.defaults.withCredentials = false...原创 2018-12-28 11:13:18 · 167 阅读 · 0 评论 -
vue 封装微信分享
/*----------------------------share.js----------------------------*/import wx from 'weixin-js-sdk'import qs from 'qs'import {Toast} from 'mint-ui'import axios from "axios";axios.defaults.header...原创 2018-11-26 09:43:46 · 785 阅读 · 0 评论 -
在移动端，教你如何在可以滚动的div上禁用默认浏览器滚动（橡皮筋效果）
自己在用vue-waterfall-easy这个插件写移动端瀑布流的时候，发现他自带的下拉刷新非常难用(基本不可用)，原因是每次下滑都会触发浏览器的橡皮筋效果，下拉刷新的功能根本拉不出来，这很尴尬，于是百度了许久，终于找到一个合适方法，现在为了纪念一下这个砸电脑砸手机的冲动时刻，特此保留以后使用以及帮助更多人。如有疑问，或者更好的解决方法，直接留言哦！！！ //全局监听 ...原创 2018-11-10 20:08:08 · 2086 阅读 · 0 评论 -
base64图片上传七牛云
直接上代码：// 上传base64图片到七牛putb64=function(picBase){/*picBase是base64图片带头部的完整编码*/ var picUrl;/*picUrl用来存储返回来的url*/ /*把头部的data:image/png;base64,去掉。（注意：base64后面的逗号也去掉）*/ picBase=picBase.substring...翻译 2018-06-07 14:30:15 · 788 阅读 · 0 评论 -
使用vue制作一个购物车选择功能
使用vue制作一个购物车功能，只是一个测试版本，注重的是功能实现，界面并没有做好，数据也是模拟数据等 不说那么多，直接上代码<template> <div id="app"> 全选<input type="checkbox" v-model="checkall" @change="check_all()">原创 2018-02-27 16:05:07 · 4415 阅读 · 2 评论