Vue
学以致用HT
IT菜鸟。学有所思,学以致用,学无止境。
展开
-
前端图片转Base64
<template> <div> <input type="file" :value="fileValue" id="upImageFile" @change="ImageToBase64"> <img :src="iconBase64" alt="" width="200"/> <button>上传</button> </div></templa.原创 2020-12-14 22:27:22 · 2840 阅读 · 4 评论 -
Vue刷新当前页面
传统方法:this.$router.go(0)。这种方法虽然代码很少,只有一行,但是体验很差。页面会一瞬间的白屏,体验不是很好 用vue-router重新路由到当前页面,页面是不进行刷新的。 location.reload()。这种也是一样,画面一闪,体验不是很好新解决方法:使用provide/inject组合 (provide和inject是成对出现的,用于父组件向子孙组件传递数据)原理:允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的...原创 2020-05-20 18:48:14 · 162 阅读 · 0 评论 -
iView+Vue+SpringBoot多选
通过给columns数据设置一项,指定type: 'selection',即可自动开启多选功能。给 data 项设置特殊 key_checked: true可以默认选中当前项。给 data 项设置特殊 key_disabled: true可以禁止选择当前项。正确使用好以下事件,可以达到需要的效果:@on-select,选中某一项触发,返回值为selection和...原创 2020-04-08 16:05:55 · 286 阅读 · 0 评论 -
Springboot+Vue前后端分离实现token登录验证和状态保存
token可用于登录验证和权限管理。大致步骤分为:前端登录,post用户名和密码到后端。 后端验证用户名和密码,若通过,生成一个token返回给前端。 前端拿到token用vuex和localStorage管理,登录成功进入首页。 之后前端每一次权限操作如跳转路由,都需要判断是否存在token,若不存在,跳转至登录页。 前端之后的每一个对后端的请求都要在请求头上带上token,后端查...原创 2020-12-14 22:41:23 · 7191 阅读 · 2 评论 -
Vue axios
axios基于promise用于浏览器和node.js的http客户端特点支持浏览器和node.js 支持promise 能拦截请求和响应 能转换请求和响应数据 能取消请求 自动转换JSON数据 浏览器端支持防止CSRF(跨站请求伪造)安装npm安装$ npm install axios安装其他插件的时候,可以直接在 main.js 中引入并 Vue....原创 2020-12-14 22:42:33 · 332 阅读 · 0 评论 -
Vue webpack-dev-server
webpack-dev-server 核心概念Webpack 的 ContentBase vs publicPath vs output.pathwebpack-dev-server 会使用当前的路径作为请求的资源路径(所谓当前的路径就是运行 webpack-dev-server 这个命令的路径,如果对 webpack-dev-server 进行了包装,比如 wcf,那么当前路径指...原创 2020-12-14 22:43:18 · 1442 阅读 · 0 评论 -
iView DatePicker常见问题(验证不通过、动态取值范围、初始值、取值等)
目录1.如何解决验证不通过问题2.如何动态定义取值范围3.如何取组件的值4.如何给组件赋初始值组件<FormItem label="活动时间" prop="eventDate"> <DatePicker type="datetimerange" :options="datePickerOptions" @on-change=...原创 2019-12-27 11:47:35 · 2294 阅读 · 0 评论 -
Vue+iView身份证、统一社会信用编码校验
身份证校验 export default { data() { const IdCardNum= (rule, value, callback) => { //非空校验 if(!value){ return callback(new...原创 2019-11-21 10:39:28 · 2893 阅读 · 0 评论 -
安装Vue的三种方式
Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。 下面介绍三种 Vue.js 的安装方法: 1.独立版本 我们可以在Vue.js的官网上直接下载vue.js,...原创 2019-10-17 10:47:02 · 404 阅读 · 0 评论 -
Node.js安装及环境配置
一、安装环境1、本机系统:Windows 10 Pro(64位)2、Node.js:v6.9.2LTS(64位)二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说 Node.js 就是运行在服务端的 Java...原创 2019-10-17 10:45:45 · 118 阅读 · 0 评论