vue
吾行远方
没有理想何必远方
展开
-
修改input file 原始样式,img标签/button覆盖原始上传样式,input file @change传值
修改input file 原始样式,img标签/button覆盖原始上传样式,input file @change传值input file 原始样式很丑,实际使用中需要将其修改为符合当前项目的风格,本文以上传图片为例个人项目效果,红色框中的就是按钮,点击后调用摄像头或者本地文件夹上传 证件照片,后台处理返回结果前端自动反写input file 原始样式效果如下:img标签覆盖原始上传文件样式CSS...原创 2019-04-29 17:05:37 · 2957 阅读 · 1 评论 -
vue 获取dom元素 @change $ref
1、背景:前端使用vue,利用ocr识别身份证信息,@change事件执行上传图片代码,当第一张照片选择后,再次选择同样的图片方法就不执行了,如何每次选择图片都让此方法执行呢?这个时候我们只需要获取dom元素将它的value设置为""即可。2、通过$ref获取dom元素 <p class="ipt"> <span>姓 名</span>...原创 2019-06-03 11:55:56 · 2136 阅读 · 0 评论 -
vue2.0 子组件与父组件相互传值以及自定义事件传参问题
1、Vue是一个轻量级的渐进式框架,对于它的一些特性和优点在此就不做赘述,本篇文章主要来探讨一下Vue子父组件通信的问题。首先我们先搭好开发环境,我们首先得装好git和npm这两个工具(如果有不清楚的同学请自行百度哦)环境搭建步骤:1、打开git ,运行 npm install --global vue-cli 这是安装vue的命令行2、vue init webpack vue-demo 这...转载 2019-06-06 15:38:38 · 2566 阅读 · 0 评论 -
node使用JsonWebToken 生成token,完成用户登录、登录检测
1、背景最近在用node做后台的登录,检测登录功能。在本地使用session可以成功,但是放服务器后发现session失效了,每次请求session都会变化,着了很久原因。原来,自己项目是前后端分离的,前端调用后端api接口,因此使用cors = require(‘cors’)来解决了跨域问题,而跨域对于cookie来说,就是两个不同的网站,因此session会不停的变。2、解决方法(1)设...转载 2019-06-06 15:05:10 · 1017 阅读 · 0 评论 -
vue 轮播图片
1、效果图2、案例 <template> <section class="body"> <section class="wrap"> <swiper :options="swiperOption" class="swiper-wrap" ref="mySwiper" v-if="banner.leng...原创 2019-05-28 10:44:21 · 2759 阅读 · 0 评论 -
Vue2.0 生命周期和钩子函数的一些理解
1、前言在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情,什么时候做,在哪个函数里做,我们不清楚。于是我开始先去搜索,发现vue2.0的生命周期没啥文章。大多是1.0的版本介...转载 2019-05-17 14:50:00 · 321 阅读 · 0 评论 -
vue 定义全局变量
1、项目结构2、在init.js中定义全局变量(可以自建js文件)export default { install(Vue) { Vue.prototype.$backdevurl = 'http://192.168.1.188:8043/'; Vue.prototype.$frontdevurl = 'http://192.168.1.188:9030/'; }}3、使用...原创 2019-05-16 18:25:55 · 633 阅读 · 0 评论 -
vue 抽离js
1、项目结构idcard.jsexport default{ install(Vue) { Vue.prototype.$scaleimg = function (img) { let height=img.currentTarget.height; let width=img.currentTarget.width;...原创 2019-05-16 18:18:00 · 962 阅读 · 0 评论 -
vue路由当中的导航钩子中关于next这个方法的描述应该如何理解?
本文转载自:https://blog.csdn.net/helenwei2017/article/details/80508239详解:vue.js路由vue-router(二)——路由进阶在这里我用通俗点的说法解释上next(),next(false),next(’/’),next(error),希望通过这接地气的解释你能掌握这几个知识点。背景:你乘坐汽车从A景区想赶往B景区(模拟路由A跳...转载 2019-05-16 11:32:59 · 1521 阅读 · 1 评论 -
vue md5加密
1、npm安装 npm install --save js-md52、第一种使用方法 在需要使用的项目文件中引入: import md5 from 'js-md5'; 使用: md5('hhhahaah')//612341288a285f5b188163482320e88f3、第二种使用方法 在main.js文件中将md5转换成vue原型: import md5 from...转载 2019-05-24 17:22:16 · 6160 阅读 · 0 评论 -
vue input 非空及数据格式判断---非插件,阻断alert
在前端页面中,有很多输入框,在将数据提交到后端之前,前端需要对输入框的数据格式及是否为空做出判断,减少前后端交互次数,提高用户体验,提高系统处理效率有很大作用。但当一个页面多个输入框不符合判断规则,会一个一个alert,用户体验极差,我们的目标是在客户提交数据时,如果多个输入框不符合规则,也只提示最先触发alert的那条提示,后续alert全部阻断。------随笔记录!<span sty...原创 2019-05-15 16:44:54 · 8112 阅读 · 1 评论 -
vue 当前页面路径带参 跳转的目标页面动态数据不加载
记录背景:今天在调试前后端接口时,测试从浏览器、PC、微信页面路径无参均正常,但微信菜单跳转页面之后,再次跳转页面(此时页面路径带参)在该页面点击“查看产品详情”按钮,发现已经跳转,但详情页面动态数据未加载,点击刷新才加载!(调动ocr接口识别身份证信息也是如此),利用以下方法才得以解决!后续会更新更好的解决办法,暂作记录。2019.05.15 15:56:00 浦东张江 阴18-22带参的...原创 2019-05-15 15:59:32 · 1373 阅读 · 0 评论 -
vue 获取动态dom元素 @change $ref
1、背景:上一篇已经介绍vue静态获取dom元素方法,当我们动态创建dom元素,例如循环创建,我们又怎么去获取呢?解决方法如下:2、动态创建的dom元素如何获取?@change事件方法如何写 <article class="c1" v-for="(o, i) of benefit_list" :key="i"> <p class="ipt"> ...原创 2019-06-03 12:05:33 · 3574 阅读 · 1 评论