2019年09月_asteriaV

原创 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里添加空格

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

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

asteriaV的博客