源计划
实战为基,理论为辅
渐暖°
才能这种东西 本来就是靠自己挖掘创造的 我也不是什么天才 我只是比任何人都拼命工作 一步一个脚印走过来了 等我回头一看 背后没有一个身影 那帮懒惰的人在山脚念叨着 谁叫那家伙是天才 开什么玩笑 我最讨厌悠哉悠哉长大的慢性子 比我有时间 有精力 感情丰富的人 为什么比我懒惰 那就给我啊 要把这些东西都浪费掉的话 就通通给我 我还有很多很多想创造的东西 给我啊--------摘自《legal high II》 与诸君共勉
展开
-
【SpringBoot】如何配置热部署
在pom.xml文件中<!--热部署配置--><dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId></dependency>保存之后不一定...原创 2019-11-30 14:14:27 · 227 阅读 · 2 评论 -
【vue】如何跳转路由到指定页面位置
项目有一个需求,点击导航栏进入该页面时,进入指定的位置,刚开始用的绝对位置,没有考虑到不同的显示器,后来经过大佬的计算,实现了此功能。.js<script>//获取浏览器高度data() { return {height: `${document.documentElement.clientHeight}`,}}//后端会给一个值,来确定浏览器需要跳转到哪个位置...原创 2019-10-26 11:47:47 · 8951 阅读 · 5 评论 -
【vue】iview如何把input输入框和点击输入框之后的边框去掉
上头设计了一个没有边框之后一个竖线焦点的输入框,但是我又想使用iview组件,所以只能自己动手定制iview组件了代码html <i-input class="txtput" :maxlength="20" v-model="meetingDate.meetingTitle" placeholder="请输入..." ></i-input>css穿透进iview...原创 2019-10-20 21:33:51 · 3814 阅读 · 1 评论 -
【vue】iview组件 DatePicker 日期选择器如何显示默认当前日期
为了方便用户体验,上头要求日期选择应该给一个默认的日期,查了查iview的官网,发现没有写,就自己找了一个办法代码html<DatePicker class="dpt_font" v-model="meetingDate.meetingDate" format="yyyy/MM/dd" type="date" :options="options" placeholder="选择时间" ...原创 2019-10-20 21:26:34 · 13415 阅读 · 2 评论 -
【vue】假数据的选择和使用
目前项目大多采用前后端分离开发,前端一般开发比较早,后端数据还没有提供,这个时候就需要使用虚假数据了目前我所知的假数据提供者分别有 yapi、easymock、mock.js,这三种方式都可以在本地部署介绍yapi官网:http://yapi.demo.qunar.com/强力推荐使用这个网站,因为比较稳定,之前项目开发就是使用的yapi,post请求没有写成功,但是get请求非常好用...原创 2019-10-07 11:56:26 · 2209 阅读 · 2 评论 -
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)
刚开始使用vue时,不知道vue还有版本的区别,原来每个版本的vue都有各自的特点,那么如何去选择呢?环境首先先查询自己的vue版本vue --version如果你升级过vue-cli那么就要看下面那个文件你的vue版本了,我就是升级过,虽然vue-cli是3.11.0,但是vue在package里的版本是2.5.2package.json分析如果你是旧版本的时候创建的项目,及...原创 2019-10-07 14:51:07 · 9851 阅读 · 0 评论 -
[Vue warn]: Invalid prop: type check failed for prop "count". Expected Number with value 0, got Stri
<Badge :count="count"> <router-link to="/News"> <img class="demo-badge" src="static\pictureV1.0\Tobar\消息 (3).png" /> </router-...原创 2019-10-07 15:46:29 · 4725 阅读 · 0 评论 -
【vue】如何选择组件库
PC端1.ElementElement,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库官网:https://element.eleme.cn/#/zh-CN2.iview是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面版本:2.0x官网:https://www.iviewui.com/手机端1.Vant轻量、可靠的移动端 Vue ...原创 2019-10-08 09:21:58 · 350 阅读 · 0 评论 -
【vue】 父组件调用子组件方法
场景:点击导航栏上的按钮,重新渲染数据,不刷新。代码父组件<MenuItem name="/" @click.native="handclick">我的项目</MenuItem> <router-view ref="change" /> handclick{ let vm=this; cons...原创 2019-10-08 16:09:20 · 253 阅读 · 0 评论 -
【vue】 如何给封装好的组件加click事件
因为开发用到了iview等组件库,发现封装好的组件直接只用@click是无效的,所以解决了一下正文根据Vue2.0官方文档关于父子组件通讯的原则,父组件通过prop传递数据给子组件,子组件触发事件给父组件。但父组件想在子组件上监听自己的click的话,需要加上native修饰符当你使用 <Menu>组件时 <Menu mode="horizontal" theme="...原创 2019-10-07 11:33:57 · 4345 阅读 · 2 评论 -
【vue】ivew组件Menu如何在刷新之后保持高亮
iview组件Layout 布局 中的Menu组件自带高亮,但是刷新之后高亮就会消失,而且刷新之后页面没有改变,默认高亮却变了正文修改组件如下 <Menu mode="horizontal" theme="dark" :active-name="$route.path" > <MenuItem name="/" to="/" @click.native="hand...原创 2019-10-07 11:17:51 · 1020 阅读 · 4 评论 -
【vue】如何修改iview组件的样式(element同)
使用vue必然会用到等iview组件库,但是iview的组件的样式跟自己写的div的样式修改不太一样正文先引入一个iview按钮<Button>Default</Button>F12,点开开发者人员工具,点击选择器,或者Ctrl+Shift+C然后点击刚才添加的Default按钮,如下就是按钮的不同情况的样式ivu-btn为主样式可以现在开发者工具中...原创 2019-10-07 11:06:17 · 8463 阅读 · 2 评论 -
【vue】框架搭建
搭建一个vue框架需要考虑很多方面,我就是因为前期的准备不足,导致后期出现了很多问题,现在总结下来,给大家填坑一、搭建框架需要的东西1.如何新建一个vue项目https://blog.csdn.net/yujing1314/article/details/90340484安装依赖npm install2.选择组件库ivew组件库--npm install iview -savee...原创 2019-11-26 20:50:09 · 241 阅读 · 3 评论 -
【vue】如何搭建拦截器和设置路由守卫(基于token认证)
项目开发的时候没有使用已有的框架,自己搭建了一个,所以拦截器和路由守卫也要自己搭建步骤第一步:在src根目录下新建http.js文件,设置请求拦截器和路由守卫http.js文件内容import axios from 'axios';import router from './router';import {setCookie,getCookie} from "@/cookie.js"...原创 2019-09-29 11:44:51 · 2222 阅读 · 1 评论 -
【vue】跨路由传值,params和query有什么区别?
如何通过路由传值,params和query又有什么区别?正文vue跨路由传值有两种方式:params和query第一种,name params传值页js代码 //把项目id存进路由 vm.$router.push({ name: "MyJionDetail", params: { id: vm.proid,//冒号前面的变量...原创 2019-09-30 15:14:24 · 330 阅读 · 0 评论 -
【vue】设置浏览器上方的标题和图标
项目快要上线了,但是浏览器的名字和图标还没有改好,一个好看的图标一定会让人眼前一亮,那么如何去修改呢?正文打开根目录的Index.html文件增加如下两条代码 <link rel="shortcut icon" href="./static/pictureV1.0/weblogo.ico"> <title>源计划</title>刷新一下页面,就...原创 2019-09-30 15:21:06 · 1839 阅读 · 1 评论 -
【vue实战】父子组件互相传值
题注场景:首先,页面加载时父组件显示要处理的消息数;每次在子组件处理消息,父组件且是公共组件显示消息处理的剩余条数分析:要把父组件的消息数传到子组件,当子组件点击确认或者取消按钮时,再把值传到父组件,通过父子组件互相传值,实现该功能代码父组件html <template> //徽标 <Badge :count="count"> ...原创 2019-10-02 21:10:10 · 223 阅读 · 0 评论 -
【vue】分环境构建(开发/测试/生产)配置
后端api地址一般分为开发、测试、生产,所有一个npm run build可不够用,每次去修改配置文件也很麻烦环境不同的环境,配置也不同,vue-cli的版本导致文件结构不一致“vue”: “^2.5.2”,步骤build文件夹build.js// const spinner = ora('building for production...')const spinner = o...原创 2019-10-07 10:32:14 · 351 阅读 · 0 评论 -
【vue】构建之后发布到服务器css样式被覆盖
今天把项目npm run build之后,发布到服务器上,访问没有问题,就是自定义的样式被iview的样式覆盖了原因在main.js中先引入了app模块,然后再引入ivew模块如下import App from ‘./App’import ‘iview/dist/styles/iview.css’import iView from ‘iview’这样就导致了浏览器先渲染了app的cs...原创 2019-10-07 10:36:25 · 1545 阅读 · 0 评论 -
【vue】如何设置全局变量和写get、post方法
在写get、post方法时,每次都要写后端api的地址就会很麻烦,不如把它放到全局变量中代码在components下新建Global.vue文件代码如下<script>const BASE_URL='http://192.168.42.159:8089/oriPlan-web/';//开发地址const hasEnter=false;const userSite="项目...原创 2019-10-07 10:46:45 · 1040 阅读 · 0 评论 -
【CSS】常用样式
1.至于底层如果你要放的那个层有多层次的话,首先是需要把这些层所在的那个公共外层div的属性设置成position:relative; ,然后在把重叠的那些层也都设置position:relative;然后最重要的一点就是,这些重叠层中z-index:0;z-index:1;z-index:2;甚至可以是负数比如z-index:-999;这样如果设置成z-index:-999;就能确保是最底层...原创 2019-09-15 16:00:25 · 131 阅读 · 1 评论