自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

asteriaV的博客

前端学习笔记

  • 博客(12)
  • 收藏
  • 关注

原创 vue使用elementui的loading踩过的坑,自己添加样式,解决字体图标被覆盖问题

需要设置一个局部loading,发现字体图标被背景色覆盖了,解决方案如下:var loadingInstance = ""; loadingInstance = Loading.service({ target:document.querySelector(".el-main"),//这里所获取到的类名为你需要覆盖的区域 lock: true, text: '正在...

2019-09-28 16:35:29 4125 1

原创 vue使用keep-alive缓存页面数据

方法一:首先在定义路由的时候配置 meta 字段,自定义一个KeepAlive字段作为该页面是否缓存的标记:router.jsconst router= new Router({ mode: 'history', base: process.env.BASE_URL, routes: [{ path: '/', name: 'home', co...

2019-09-28 16:14:44 720

原创 vue用elementui写form表单时,在label里添加空格

要在密码两字中间添加空格,发现直接添加&nbsp;是识别不了的,正确写法为:代码: <el-form-item label="密 码:" :label-width="formLabelWidth" prop="password"> <label slot="label">密&nbsp;&nbsp;&...

2019-09-27 15:48:52 12504

原创 vue.js 添加键盘回车事件

方法一:现在需要给登录按钮添加一个键盘回车事件,只要一按回车键就会触发登录的方法。//登录html 部分<el-form-item> <div class="enter_item item3 "> <div class="enter_btn" type="submit" @click="submitForm('FormDa...

2019-09-25 11:41:04 1429

原创 vue-cli3.0配置vue.config.js文件

首先创建一个vue3.0项目,这里就不多说了。vue3.0和vue2不同的是简化很多,并没有vue2.0的自带的vue.config.js文件,需要自己配置。在项目根目录下创建一个vue.config.js文件,然后把下面代码写上就可以了,如有需要可自行删改:const path = require('path')const debug = process.env.NODE_ENV !...

2019-09-21 18:37:01 207

原创 vue +elementui上传文件

运用vue上传文件,实现效果如下:我这里是用vue+elementui来写的,组件代码:<template> <div id="foldClass"> <el-dialog title="导入XX" :visible.sync="isFoldClass" width="30%" center> <el-form r...

2019-09-21 16:30:10 252

原创 js判断需要访问的页面在手机端还是PC端打开

方法一:最原始写的是这样子, 发现在手机端打开pc端网页时,是跳转到pc端的链接,但是这个时候移动端页面显示不出来,而且会延迟页面渲染时间<script type="text/javascript"> var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.mat...

2019-09-19 18:44:08 238

原创 vue子组件调用父组件的方法

Vue中子组件调用父组件的方法,这里有三种方法提供参考第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法父组件:<template> <div> <child></child> </div></template><script> import ...

2019-09-17 16:19:41 266

原创 vue 来写移动端,实现上拉加载,下拉刷新数据

本项目是用vue +elementui来写移动端 的:首先创建一个每个需要上拉加载数据的模板组件 LoadMore.vue<template> <div id="LoadMore" class="clearfix"> <div class="load-more-wrapper clearfix"> <div class="...

2019-09-16 15:46:51 1588

原创 vue设置快速创建vue页面,手动添加vue页面模板

在使用vue创建页面时,如果你想快速创建一个你喜欢的完整vue页面模板,就请手指动起来==>1.首先在头部导航部分找到文件文件(F)-->首选项-->文件代码片段-->(搜索)vue.json文件然后在vue.json页面里添加以下代码(有需要可自行删改):{ "Print to console": { "prefix": "vue", ...

2019-09-16 15:03:16 2721

原创 vue用ref来实现父子组件之间相互调用对应方法和数据

父子组件之间获取对应方法父组件主动获取子组件的数据和方法1.调用子组件的时候 定义一个ref<child ref="child "></child >2.在父组件里面通过//this.$refs.child .属性//this.$refs.child .方法<!-- 父组件页面 --><template&gt...

2019-09-16 14:34:58 396

原创 vue设置全局路由守卫

router.jsconst router= new Router({ mode: 'history', base: process.env.BASE_URL, routes: [{ path: '/', name: 'home', component: Home, meta:{ requiresAuth:true,// 是否需要...

2019-09-16 11:39:03 506

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除