Vue2.0
qq_27717857
这个作者很懒,什么都没留下…
展开
-
Vue2.0 页面切换左右滑动效果
<transition :name="transitionName" mode="out-in"> <router-view class="child-view"></router-view> </transition>data(){ return{ transitionName:'slide-原创 2019-01-11 14:52:22 · 4583 阅读 · 2 评论 -
Vue指纹识别验证 h5plus
效果图://点击事件 开启关闭指纹识别验证<mu-list> <mu-list-item button :ripple="false" @click="fingerprintVerification"> <mu-list-item-title> 指纹验证 </mu-list-item-title&...原创 2019-03-01 18:20:22 · 5925 阅读 · 2 评论 -
用echarts 绘制一个折线图表
效果图 :echarts 是在index.html引入的静态文件<script src="./static/echarts.min.js"></script>echarts组件代码:<template> <div class="MyEchart"> <div :id="id" class=&quo原创 2019-03-17 16:23:35 · 295 阅读 · 0 评论 -
Vue 使用 better-scroll 做侧栏分类菜单
效果图 :<template> <div class="goods"> <div class="menu-wrapper" ref="menuScroll"> <div ref="menuScroll2"> <ul> <li class="menu-item" v-for="(item, id...原创 2019-04-24 15:50:55 · 920 阅读 · 0 评论 -
USDT 转账
index.html 中引入<script src="static/bitcoinjs-3.3.2.js"></script>离线签名代码是参照 的这位博主https://blog.csdn.net/jiang_xinxing/article/details/85162829function usdtSign(privateKey, utxo, feeVa...原创 2019-05-09 11:59:50 · 3066 阅读 · 0 评论 -
Vue 项目 ie下打不开
尝试安装babel-polyfill 无效index.html加入这一行后可以打开<meta http-equiv="X-UA-Compatible" content="IE=edge" />原创 2019-06-10 17:51:16 · 1001 阅读 · 0 评论 -
vue checkbox全选
代码很简单,用的es5 Array新增的方法every 和 map 。先来一张效果图<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></scr...原创 2019-06-30 20:07:14 · 244 阅读 · 0 评论 -
Vue 使用h5plus 点击保存二维码和调用自带分享整个页面
<!-- 二维码html --><div class="wrapper-img" id="qr"></div>//保存二维码(二维码生成使用qr.js,会生成img标签 src为base64) saveCode(){ let _this = this; let imgData; let qrImg = document.getEleme...原创 2019-08-02 10:20:38 · 1659 阅读 · 2 评论 -
Vue项目低版本兼容 Uncaught SyntaxError: Use of const in strict mode.
打包低版本手机有两个错:Uncaught SyntaxError: Use of const in strict mode.Cannot read property 'call' of undefined部分参考自:https://blog.csdn.net/qq_25186543/article/details/80484215安装 babel-polyfill 、es6-pro...原创 2019-09-20 11:53:34 · 4452 阅读 · 0 评论 -
layer-mobile 在ios手机上弹框不能显示的问题
项目测试的时候layer-mobile的open方法app.$layer.open({ title: app.$t('layer.tishi'), content:r.msg, btn:[app.$t('layer.btn')] })...原创 2018-12-18 11:44:53 · 3027 阅读 · 0 评论 -
Vue2.0 一个简单的项目配置模板
项目维护期间时间比较充足,做了一个简单的Vue2.0模板。先上图项目模板使用了muse-ui3.0 api地址:https://muse-ui.org/#/zh-CN/stepper项目简单使用了store,定义了“日期格式化”的全局指令directive和全局变量lib。以及组件components的使用。main.js监听了返回按钮以及axios的请求拦截都做了处理。 ...原创 2018-12-22 11:48:30 · 700 阅读 · 0 评论 -
vue2.0 使用vue-cropper裁剪图片并上传服务器
插件地址 : https://github.com/xyxiao001/vue-cropper项目截图:1.npm install vue-cropper 安装2.main.js使用import VueCropper from 'vue-cropper' Vue.use(VueCropper)3.选择图片//选择图片 selectImage(){ ...原创 2018-12-14 11:25:57 · 4166 阅读 · 5 评论 -
vue 使用mint-ui组件的mt-loadmore上拉加载更多
{{item.title}} import Vue from 'vue'import axios from 'axios'import qs from 'qs'import { Loadmore } from 'mint-ui'Vue.component(Loadmore.name, Loadmore);export原创 2018-01-28 09:42:27 · 6548 阅读 · 0 评论 -
vue2.0 侧滑菜单栏
本文参考的是 https://github.com/IFmiss/vue-music 的一个云音乐app项目,觉得侧栏菜单不错就模仿敲了一遍,顺便做下记录加深印象。效果图如下:1.sideBar.vue<template> <div class="home"> <!-- 对transition不了接的可以查看vue2.0官方文档的“过渡 & 动画” 链接...原创 2018-03-15 14:42:15 · 10230 阅读 · 3 评论 -
vue2.0 可折叠列表 v-for循环展示
先上一张效果图:以前用angularjs操作基本上都是要取到每个列表的id再循环判断是不是当前点击的列表来显示折叠。今天在这个项目 https://github.com/IFmiss/vue-music 上看到操作很简单,并没有如此复杂。赶紧记录一下:折叠列表单独做一个组件,图标是用的iconfont中生成的css链接:myMusicSheetList.vue原创 2018-03-16 15:39:39 · 8602 阅读 · 0 评论 -
vue 按钮多选效果和删除数组元素
choose(item){this.$set(item,'hasChoose',item.hasChoose?false:true); //单条数据插入Boolean值 hasChoose,true为选中,false则反if(item.hasChoose){this.idArr.push(item.terminal_id); //如果选中则将其id存入数组,否 则删除}el原创 2018-04-08 19:16:01 · 1765 阅读 · 0 评论 -
Vue2.0 webApp视频预览并上传,百分比进度显示
<p>请选择或者拍摄视频上传</p> <input type="file" accept="video/avi,video/mp4,video/flv,video/3gp,video/swf" capture="camcorder" @change="onFileChange" style="display: none;"&g原创 2018-04-12 18:30:43 · 8386 阅读 · 0 评论 -
vue 使用 Electron打包成桌面应用
1. cd目录到 npm run build 生成的dist文件夹2.dist目录下新建package.json、electron.js文件,内容如下:{ "name": "FloorGuidance", "version": "1.0.0", "description": "A minimal Electron application", "main&原创 2018-07-24 12:08:25 · 1060 阅读 · 0 评论 -
vue缓存页面返回到指定滚动位置
vue缓存页面使用了keep-alive返回不会指定到滚动位置,添加了下文中的activated方法,直接使用 this.$refs.content.scrollTo(0,this.scroll);跳到指定滚动位置,其中this.scroll是记录的上次滚动的位置。vue 中注册滚动事件与dom 并无不同以下配合keep-alive 组件使用在 mounted 注册滚动事件 ...转载 2018-11-08 09:49:53 · 2060 阅读 · 1 评论 -
vue2.0 HBuilder打包添加扫一扫功能
项目中使用了keep-alive缓存, 扫描事件写在了activated里面了 这样每次进入页面都会开启扫描。代码很简单,就直接贴上来了<template> <div class="qr-code"> <div style="background: black;position: fixed;top: 50px;left: 0;right...原创 2018-11-14 16:26:17 · 2374 阅读 · 0 评论 -
vue2.0 HBuilder打包选择相册二维码并扫描功能
之前以为很难实现,其实很简单 ,html5plus都提供了。功能实现就两步 1. plus,gallery.pick选择图片,返回图片路径 2.plus.barcode.scan扫描,返回二维码内容。//选择相册中的二维码并扫描 gallery(){ if(!window.plus) return; plus.gallery.pick( function(path){...原创 2018-11-16 14:32:20 · 922 阅读 · 0 评论 -
vue2.0 webApp保存图片到相册
ios下a标签不能直接下载图片。为了兼容android和ios找到了h5plus。里面有个保存到相册的功能。代码很简单,如下:saveImage{ if(!window.plus) return; plus.gallery.save(this.wechat.cover, function () { plus.nativeUI.alert("保存图片到相册成功"); ...原创 2018-11-17 13:10:30 · 11650 阅读 · 2 评论 -
Vue2.0 过滤器的简单使用
删除 // 删除表格中的一行可使用以下方法delRow(item){//过滤器filter,重新给tableData赋值this.tableData=this.tableData.filter(o => o.goodsId !=item.goodsId);}原创 2017-07-24 16:58:43 · 537 阅读 · 0 评论