Vue
关注
分享
扫一扫
vue
Just丶九月
真相只有一个。。。
水平有限，所写blog的目的就是方便自己回头查看，当然能够帮助到同我一样的小白，也是件很开心的事情
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
element-ui 中el-input以及el-date-picker的placeholder颜色修改
客户觉得默认placeholder看不清，因此修改颜色，特此记录一下原效果图最终效果图<style lang="scss">.form-items { .el-input__inner, .el-date-editor .el-range-input { color: #409eff; &::placeholder { color: #606266; } &::-webkit-input-placeholder {原创 2021-01-19 11:24:36 · 3777 阅读 · 1 评论 -
uni-app升级方案
升级的js工具类import { getLatestVersion, updateInstalledCount } from '@/common/api/common/dictionary';import environment from '../environment/main';import store from '@/store';export default { platform: 'Android', platformCode: 2, versionCode: '', v原创 2020-09-21 15:23:08 · 425 阅读 · 0 评论 -
vue富文本编辑器tinymce的使用
原文地址：https://blog.youkuaiyun.com/liub37/article/details/83310879最近再弄一个后台管理系统，挑选了不少的编辑器，最终选择了tinymce，UI精美，功能模块多，可按需加载配置来一张tinymce官网的完整功能的图(没梯子可能访问速度有点慢…)下面开始工作：插件安装tinymce官方提供了一个vue的组件tinymce-vue如果有注册或购买过服务的话，直接通过组件配置api-key直接使用，像我这种懒的注册或者购买的直接下载tinymce，自转载 2020-05-14 11:44:05 · 1949 阅读 · 0 评论 -
vue-cli脚手架中webpack配置基础文件详解
转载：https://segmentfault.com/a/1190000014804826一、前言vue-cli是构建vue单页应用的脚手架，输入一串指定的命令行从而自动生成vue.js+webpack的项目模板。这其中webpack发挥了很大的作用，它使得我们的代码模块化，引入一些插件帮我们完善功能可以将文件打包压缩，图片转base64等。后期对项目的配置使得我们对于脚手架自动生成的代码...转载 2020-03-07 11:25:54 · 740 阅读 · 0 评论 -
element的日期选择插件，@change方法传递自定义参数
方式一：在@change事件里用一个箭头函数来传递两个参数给函数 changeRuleDate<el-table-column label="*规则执行开始时间" align="center" width="200"> <template slot-scope="scope"> <el-form-item :prop="'berthsTicketPolicy....原创 2019-12-16 17:11:17 · 5312 阅读 · 0 评论 -
Vue slot的使用
插槽内容ComponentA组件<template> <div> <a v-bind:href="url" class="nav-link" > <slot></slot> </a> </div></template>引用<component-a...原创 2019-12-13 20:56:20 · 351 阅读 · 0 评论 -
Vue :class以及:style的使用
:class对象语法<div :class="{ active: isActive, 'text-danger': hasError }"></div>data: { isActive: true, hasError: false}渲染为<div class="active"></div>结果和上面一样，推荐下面的写法&...原创 2019-12-13 17:34:12 · 227 阅读 · 0 评论 -
Vue 计算属性和侦听器的使用记录
计算属性设计的初衷是为了简化模板中的逻辑，可以将简单的计算赋值给一个新的元素基础例子<div> <p>{{ message }}</p> <p>{{ reversedMessage }}</p> <p>{{ message.split('').reverse().join('') }}</p>...原创 2019-12-13 17:00:48 · 198 阅读 · 0 评论 -
固定header和footer，中间main超出自动滚动条布局两种实现方式
需求：1.方式一<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit...原创 2019-12-13 16:02:42 · 1369 阅读 · 0 评论 -
Vue中Form表单校验以及对Table的校验
一、Form表单校验以下是From表单的核心代码，主要是对<el-form-item>添加prop属性<el-form ref="ruleForm" :rules="rules" :model="cabinInfo"> <el-row :gutter="0"> <el-col :span="2" class="col-2" style="bor...原创 2019-12-13 14:59:58 · 3105 阅读 · 0 评论 -
Vue获取上个路由
使用钩子函数beforeRouteEnterbeforeRouteEnter(to, from, next) { console.log('beforeRouteEnter第一个参数to',to); console.log('beforeRouteEnter第二个参数from',from); console.log('beforeRouteEnter第三个参数next'...原创 2019-10-31 16:12:25 · 3692 阅读 · 0 评论 -
vuex和localstorage,sessionStorage存储方式，及区别
转载：https://blog.youkuaiyun.com/weixin_43848576/article/details/100545537sessionStoragesessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。用法： 存： //1. 点（.）运算符 sessionStorage.lastname...转载 2019-10-30 16:12:51 · 402 阅读 · 0 评论 -
Vue2.5开发去哪网App项目实战记录（根据慕课网课程编写）
目的：只是为了记录自己学习过程中遇到的问题以及整个项目的收获，方便回头复习，以及今后编写项目的一个教程规范，文中基础知识并没有详细介绍，但是附上了相关的学习链接首先先说下这个项目涉及到的知识点，以及整个开发过程的流程整个项目中数据的请求主要涉及到Axios，页面路由的控制主要由Vue-Router来实现，另外页面的样式编写是依赖了Stylus,整个项目的主要思想是组件化开发，其中包含页面...原创 2019-10-16 10:13:37 · 1073 阅读 · 1 评论 -
Vue创建项目
转载：https://www.jianshu.com/p/02b12c600c7bvue创建项目（npm安装→初始化项目）第一步npm安装首先：先从nodejs.org中下载nodejs图1双击安装，在安装界面一直Next 图2图3图4直到Finish完成安装。打开控制命令行程序（CMD）,检查是否正常图5使用淘宝NPM 镜像大家都...转载 2019-10-09 15:24:47 · 289 阅读 · 0 评论 -
手摸手，带你用vue撸后台 系列一（基础篇）
花裤衩2017年05月03日阅读 520424关注手摸手，带你用vue撸后台 系列一（基础篇）完整项目地址：vue-element-admin系列文章：手摸手，带你用 vue 撸后台 系列一（基础篇）手摸手，带你用 vue 撸后台 系列二(登录权限篇)手摸手，带你用 vue 撸后台 系列三 (实战篇)手摸手，带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板)手...转载 2020-03-07 13:55:17 · 630 阅读 · 0 评论 -
Vuex 状态管理
一、什么是Vuex？Vuex就是一个状态管理的库，这个状态我们可以理解为在data中的属性，需要共享给其他组件使用的部分。也就是说，是我们需要共享的data，使用vuex进行统一集中式的管理，主要解决的问题就是方便组件之间的传值。上图就是Vuex的一个交互图二、vuex核心概念1.state：存储状态（变量），即共享的数据，通过this.$store.state获取由于 Vuex 的...原创 2019-09-25 08:45:52 · 402 阅读 · 0 评论 -
Vue学习之路(1)------内部指令
第1节：走起我的Vue2.0学习这套课程你需要的前置知识：下载Vue2.0的两个版本：项目结构搭建live-server使用编写第一个HelloWorld代码：第2节：v-if v-else v-show 指令v-if的使用：2.v-show的使用：v-if 和v-show的区别：第3节：v-for指令 ：解决模板循环问题一、基本用法：二...转载 2018-09-20 14:53:25 · 1390 阅读 · 0 评论 -
Vue学习之路(2)------全局API
第1节：Vue.directive 自定义指令一、什么是全局API？二、Vue.directive自定义指令三、自定义指令中传递的三个参数四、自定义指令的生命周期第2节：Vue.extend构造器的延伸一、什么是Vue.extend？二、自定义无参数标签三、挂载到普通标签上第3节：Vue.set全局操作一、引用构造器外部数据：三、为什么要有...转载 2018-09-20 14:57:21 · 1230 阅读 · 0 评论 -
Vue学习之路(3)------选项
第1节：propsData Option 全局扩展的数据传递第2节：computed Option 计算选项一、格式化输出结果：二、用计算属性反转数组第3节：Methods Option 方法选项一、methods中参数的传递二、methods中的$event参数native 给组件绑定构造器里的原生事件。四、作用域外部调用构造器里的方法第4节...转载 2018-09-20 14:58:48 · 593 阅读 · 0 评论 -
Vue学习之路(4)------实例和内置组件
第1节：实例入门-实例属性Vue和Jquery.js一起使用二、实例调用自定义方法第2节：实例方法一、$mount方法二、$destroy() 卸载方法三、$forceUpdate() 更新方法四、$nextTick() 数据修改方法安装Vue的控制台调试工具。第3节：实例事件第4节：内置组件 -slot讲解概述：实例就是在构造器外部操作...转载 2018-09-20 15:00:17 · 269 阅读 · 0 评论 -
Vue学习之路(5)------Vue-cli
第1节：Vue-cli，开始吧骚年一、安装vue-cli二、初始化项目第2节：Vue-cli项目结构讲解webpack配置相关.babelrc.editorconfig第3节：解读Vue-cli的模板一、npm run build 命令二、main.js文件解读App.vue文件:四、router/index.js 路由文件五、Hello...转载 2018-09-20 15:01:18 · 765 阅读 · 0 评论 -
Vue学习之路(6)------Vue-router
第1节：Vue-router入门第2节：vue-router配置子路由第3节：vue-router如何参数传递第4节：单页面多路由区域操作第5节：vue-router 利用url传递参数第6节：vue-router 的重定向-redirect第7节：alias别名的使用第8节：路由的过渡动画第9节：mode的设置和404页面的处理第10节：路由中的钩子...转载 2018-09-20 15:02:16 · 649 阅读 · 0 评论 -
Vue学习之路(7)------Vuex
第1节：初出茅庐 来个小Demo第2节：state访问状态对象第3节：Mutations修改状态第4节：getters计算过滤操作第5节：actions异步修改状态第6节：module模块组前言：公司项目中大量的使用了vue，感觉对vue知识的掌握也越来越熟练了，录制视频教程也让我受益匪浅，自己成长的同时，我更希望帮助其他前端小伙伴一起成长。这篇文章我们...转载 2018-09-20 15:03:15 · 350 阅读 · 0 评论 -
Vue学习之路(8)------快餐店收银系统
第1节：Mockplus把我们的想法画出来第2节：Vue-cli搭建开发环境第3节：搞定项目图标Iconfont第4节：编写独立的侧边栏导航组件第5节：开启Element封印第6节：利用Element快速布局（1）第7节：利用Element快速布局（2）第8节：Axios从远程读取数据第9节：订单模块制作 核心功能-1第10节：订单模块制作 核心功能-...转载 2018-09-20 15:04:21 · 2016 阅读 · 0 评论 -
Vue的三种常用传值方式、父传子、子传父、非父子组件传值
转载：https://blog.youkuaiyun.com/lander_xiong/article/details/79018737 在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为自己的子组件，那么我们如何进行给子组件进行传...转载 2018-09-28 11:39:59 · 425 阅读 · 0 评论 -
Vue 点击空白区域，隐藏自定义div
Vue 点击空白区域，隐藏自定义div转：https://blog.youkuaiyun.com/xingyu_qie/article/details/78831045 ...转载 2019-01-21 15:32:02 · 3687 阅读 · 9 评论 -
Vue 登录权限配置
参考：https://juejin.im/post/591aa14f570c35006961acac一、思路1.登录：填写账号，密码后，验证是否正确，验证通过后，服务端返回前端一个token，拿到token后，将这个token存到cookie中，保证刷新页面能记住这个用户的登录状态，前端会根据这个token去拉取用户信息接口2.权限：通过token获取用户信息接口，获取用户的role,动态根...原创 2019-01-16 18:05:13 · 4121 阅读 · 0 评论 -
vue中日期的相关用法
一、时间戳转date字符串1.formatDateTime.jsexport function formatDateTime(inputTime, type) { if(inputTime == null || inputTime == ''){ return } else{// inputTime = inputTime.toString(...原创 2019-04-24 11:20:00 · 917 阅读 · 0 评论 -
Vue的学习之路（大纲）
Vue的基本使用：此处只是列举vue的基本知识大纲，具体的讲解请看下面的连接：http://jspang.com/post/vueNav.html本文末尾会附上以下vue学习过程中的源码。Vue基础部分第一章：内部指令1.v-if v-else v-show2.v-for指令 ：解决模板循环问题3.v-text &amp;amp;amp;amp; v-html4.v-on：绑定事件监听器5.v-mode...原创 2018-09-20 14:45:22 · 2250 阅读 · 0 评论