![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
自娱自乐22
自娱自乐的看自己的书,
展开
-
vuex-demo
1. 建立目录,在 src下面新建 store文件夹,然后新建一个 index.js2. index.js 内容如下说明:state是存放数据的地方, 使用 {{this.$store.state.count}} getters 相当于 computed方法 使用{{this.$store.getters.getStateCount}} mutati...原创 2020-01-14 14:42:43 · 140 阅读 · 0 评论 -
在手机端的能看到console打印的方法
能在手机端h5的能看到console打印数据的处理方法,在手机上和微信小程序调试一样。像微信小程序一样的手机调式如果是html写的代码就要引入<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>然后在<script>//初始化一下就可以了,...转载 2020-01-12 16:40:25 · 1266 阅读 · 0 评论 -
vue-awesome-swiper 双向控制
github:https://github.com/surmon-china/vue-awesome-swiper安装:npm install vue-awesome-swiper@2.6.7 --save 加上一个版本号, 稳定.通过swiper的回调函数和swiper提供的方法来实现互相控制的功能主要代码:通过一个 swiper 的onTransitionStart回调函数,...原创 2019-12-26 09:14:59 · 2663 阅读 · 0 评论 -
better-sroll 下拉刷新,下拉加载vue.js参考代码
<template> <div class="test"> <div class="loading-top" v-show="topshow"> <div class="weui-loadmore"> <i class="weui-loading"><...原创 2019-12-19 13:36:05 · 261 阅读 · 0 评论 -
vue.js页面到达底部判断,加上节流
vue.js项目是否到达底部判断,加上节流节流和防抖资料参考一位大神:https://justclear.github.io/throttle-and-debounce/created (){ window.onscroll = throttle(onScroll) function onScroll() { //变量scrollTop是滚动条滚动时,距...原创 2019-12-16 15:13:25 · 801 阅读 · 0 评论 -
VUE-地区选择器(V-Distpicker)组件
文档:https://distpicker.pigjian.com/1. 安装npm install v-distpicker --save2. 使用注册全局组件import VDistpicker from 'v-distpicker'Vue.component('v-distpicker', VDistpicker)注册组件import VDistpic...原创 2019-12-06 10:08:11 · 1658 阅读 · 0 评论 -
js提交图片到七牛云,解决压缩和iphone拍照旋转问题
思路:拿到图片之后,转为 base64格式,然后用EXIF解决旋转的问题,再将base64格式的文件传给七牛云,返回url。七牛云base64文件上传参考文档:https://developer.qiniu.com/kodo/kb/1326/how-to-upload-photos-to-seven-niuyun-base64-code<template> <...原创 2019-11-30 16:00:59 · 396 阅读 · 0 评论 -
vue运行报错:Cannot find module 'webpack/bin/config-yargs' 自己解决方法
描述:# 创建一个高于 webpack 模板的新项目vue init webpack my-project全局安装了一个,my-project项目,后续根据项目要求正常安装新的包。后,需要把项目移到笔记本上,配置了,node,npm,git 。 git下来之后,npm install 发现了 webpack下的bin文件夹没有 config-yars。找了很多方法,最后发现可能...原创 2019-11-30 10:48:00 · 952 阅读 · 0 评论 -
js提交图片到七牛云,未压缩和没有解决iphone拍照旋转问题
环境:vue.js + tp5(获取token) + 七牛云七牛云sdk:https://developer.qiniu.com/kodo/sdk/1283/javascript思想: 通过js直接提交图片到七牛云,获取返回地址。期间会在服务器获取七牛云token。vue.js 需要按照七牛云jsnpm install qiniu-jsvar qiniu = require(...原创 2019-11-27 15:58:04 · 241 阅读 · 0 评论 -
vue-tp5上传图片到七牛云
1-安装七牛云官方SDKcomposer require qiniu/php-sdk -vvv2-七牛云配置1----config文件 //七牛云配置 'qiniu' => [ 'accessKey' => '.......................................', 'secretKey' =>...原创 2019-11-25 22:10:27 · 329 阅读 · 0 评论 -
vue.js用weui写的图片上传
原理:前端传给自己服务器,自己服务器发到七牛云服务器,再返回给自己服务器,再返回给前端<template> <div> <div class="weui-gallery" v-bind:class="{showgallery: showgallery}"> <span class="weui-galle...原创 2019-11-25 14:29:40 · 649 阅读 · 0 评论 -
添加blog本地图片
methods: { // 添加了图片之后触发的事件 fileChange (res){ // console.log(res) // console.log(res.target.files[0].name) // 拿到 files(数组),然后提交到后端,完成之后,把新的图片加到 imgList中去 // 加载层...原创 2019-11-25 11:18:47 · 143 阅读 · 0 评论 -
vue项目补充
1. 报错, 解决方法, 在css下html中加入touch-action: none; 即可[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrup...原创 2019-10-31 16:03:45 · 283 阅读 · 1 评论 -
git添加到码云
git add . git commit -m '简介' git push线上新建了1个分支, 本地操作git pull git checkout index-swiper 将本地的分支切换到刚刚创建的分支上来 git status (不是必要) 这是查看当前的分支状态的合并分支到master主分支git checkout master git merge origin/i...原创 2019-07-06 14:40:16 · 97 阅读 · 0 评论 -
vue项目记录笔记
1. 环境准备node.js node -v npm npm -v 码云 注册账号. 代码管理 git git --version 码云上生成公钥https://gitee.com/help/articles/4181 把项目克隆到本地, 进入本地目录, git clonegit@gitee.com:zyzl22/newTravel.git 安装 vue# 全局安...原创 2019-07-13 09:23:58 · 497 阅读 · 0 评论