vue
诺十一
临渊羡鱼,不如退而结网
展开
-
Java写注册接口+Vue项目调用(纯小白系列)
接口流程1.技术栈2.开发流程2.1创建后台项目2.1.1创建Maven Project2.1.2创建配置文件2.1.3pom.xml 配置文件2.1.4开发接口2.1.4.1第一步:设置项目启动类(入口)2.1.4.2第二步:创建实体类2.1.4.2.1创建统一响应请求类(Response.java)2.1.4.2.2创建用户实体类(User.java)2.1.4.3第三步:创建controller层2.1.4.4第四步:创建service层2.1.4.5第五步:创建serviceImpl层2.1.4.6原创 2020-05-11 19:22:27 · 5335 阅读 · 2 评论 -
vue获取本地json数据
vue获取本地json数据最近练习vue的时候,因为是通过vue-cli4搭建的项目,和vue-cli2搭建项目的目录结构不一样。静态文件的放置位置在public文件里。为了降低模块间的耦合度和方便管理,所以我把axios获取数据给进行了一些列的封装,代码如下:引入axios且创建,进行配置值得一提的是axios返回值是promiseimport axios from "axio...原创 2020-05-08 09:28:09 · 5519 阅读 · 4 评论 -
Vuex 的简单应用
Vuex 的简单应用文章目录Vuex 的简单应用1、Vuex 是什么?2、Vuex 的固定格式3、Vuex 的简单应用3.1、Vuex 的简单应用3.1.1、思路3.1.2、main.js 里引入3.1.3、组件代码3.1.4、store.js内容3.2、Vuex 在真实项目中的使用3.2.1、文件目录格式3.2.2、main.js 里引入3.2.3、组件代码3.2.4、store文件里对应模块...原创 2019-06-04 17:28:26 · 1150 阅读 · 0 评论 -
vue项目中使用生成动态二维码
vue项目中使用QRCode.js生成二维码看了好多blog,也尝试了多种方法,最后在QRCode.js文档上终于看懂了一些,一路踩着坑,终于做出了符合自己心意的东西。1、环境准备(1)、首先在项目中安装qrcodejs2:npm i qrcodejs2(2)、在组件中调用,我是在哪儿使用哪儿调用的。(ps:在main.js中引入会报错)2、代码<template> ...原创 2019-06-03 19:27:57 · 1602 阅读 · 0 评论 -
vue 显隐操作
vue 显隐操作1、v-if 实现显隐(1)、显示<template> <div> <button @click="btn">显示</button> <h1 v-if="if_show">点击显示之后显示的内容</h1> </div></template...原创 2019-05-29 18:31:43 · 735 阅读 · 0 评论 -
vue 简易路由导航守卫
vue路由导航守卫vue 官方文档目的:在没有登录之前,无法进入首页src/router/index.js improt Vue from 'vue' import Router from 'vue-router' // 引入两个组件 improt index from '../pages/TestIndex' improt login from '.....原创 2019-05-29 18:29:33 · 243 阅读 · 0 评论 -
vue+element的表格分页和搜索功能(使用计算属性进行搜索)
之前做一块的时候,从网上找到东西能满足需求,却不能更好的符合操作规范,所以在vue+element的表格分页和搜索功能基础上进行了更改。话不多说,直接看代码:<template> <div> <div class="searchBox"> <el-input prefix-icon="iconfont icon-sousuo" ...原创 2019-05-22 16:53:21 · 6432 阅读 · 3 评论 -
Vue里的proxyTable解决跨域,api接口管理
本文单纯的介绍Vue项目中接口的集中管理以及跨域的解决方法。1.webpack里的proxyTable设置跨域:config->index.jsmodule.exports = { dev: { assetsSubDirectory: 'static', ...原创 2019-04-25 18:37:08 · 2568 阅读 · 0 评论 -
vue + elemetui — upload解决跨域、实现图片上传
最近做Vue项目,需要用到图片上传的功能,因为是PC端后台项目,故而采用了element-ui组件库里的upload上传的组件。本文主要解决上传时的跨域问题。 action属性便是上传的地址,需要进行跨域。话...原创 2019-04-25 18:07:54 · 8249 阅读 · 1 评论 -
vue时间戳——获取本地时间,实时更新
基于vue写一个实时更新获取本地时间的时间戳。<template> <p>当前时间:{{nowTime}}</p></template><script> export default{ data(原创 2019-03-13 10:00:17 · 33648 阅读 · 5 评论 -
vue+element的表格分页和搜索功能
最近在做后台系统,要求就是要做一个table表格,需要有分页和搜索的功能。框架是主流框架Vue,组件库选用的是elementui。以下就是简单的,还没有添加任何操作的demo<template> <div> <el-input v-model="table转载 2019-03-12 18:18:03 · 8233 阅读 · 11 评论 -
vue + elementUI 给input输入框添加 字体小图标
基于vue框架,使用element-ui组件库写表单效果,需要添加字体小图标,效果如下:  ...原创 2019-03-19 15:03:00 · 21376 阅读 · 3 评论 -
vue简单实现手机验证码60秒倒计时功能
<template> <span v-show="show" @click="getCode">获取验证码</span> <span v-show="!show" class="count">{{count}} s</span></template>转载 2019-03-07 12:07:37 · 2021 阅读 · 1 评论