vue
文章平均质量分 86
vue.js
NPException
学无止境
展开
-
在windows10上安装HBuilderX点击无响应
点击毫无反应,通过 事件查看器 排查问题:打开事件查看器的方法: 点击“开始→运行”,输入eventvwr,点击“确定”,就可以打开事件查看器。最后看到错误模块:错误模块路径: C:\Windows\System32\DriverStore\FileRepository\igdlh64.inf_amd64_48e6aecba6994e7b\ig9icd32.dll显卡错误:ig9i...原创 2019-11-13 12:59:36 · 5371 阅读 · 0 评论 -
beforeEach钩子,next('/login') 跳转问题,无线循环导致Maximum call stack size exceeded问题
好久没写vue了,今天突然犯了一个致命的小错误,代码如下:routes.beforeEach((to, from, next) => { if (sessionStorage.getItem('token')) { next(); } else { next('/login'); }});貌似一看没问题,但是却陷入了死循环,最后导致栈溢出。原因:没...原创 2019-11-12 16:39:01 · 1764 阅读 · 0 评论 -
npm常用命令(持续更新中)
1.npm install 单个模块:安装到node_modules目录中,但不会保存在package.json 中。之后运行npm install命令时,不会自动安装该模块。npm install2.安装到node_modules目录中,保存在package.json中dependencies字段下,安装生产环境依赖的模块。npm install --save3.安装到no...原创 2019-11-11 11:08:50 · 288 阅读 · 0 评论 -
在vue项目中使用scss及遇到的问题
首先搭建一个vue项目之后在项目中用到了scss,报错如下:*!!vue-style-loader!css-loader?{“sourceMap”:true}!../../../../vue-loader/lib/style-compiler/index?{“vue”:true,”id”:”data-v-570115ee”,”scoped”:false,”hasInlineConfig”:f...原创 2019-10-22 11:21:39 · 2942 阅读 · 0 评论 -
新建一个vue项目
第一步:npm安装:先从nodejs官网下载nodejs,然后安装。第二步:检查版本node -vnpm -v虽然node自带npm,但如果不是最新版本的话,可以运行指令npm install -g npm第三步:使用淘宝NPM镜像大家都知道国内直接使用npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。npm install -g cnp...原创 2019-10-21 18:00:39 · 350 阅读 · 1 评论 -
IDEA 新建.vue格式的文件
1.Ctrl+Alt+S2.<template> <div> {{msg}} </div></template><style> body { background-color: #ff0000; }</style><script> export ...原创 2018-04-17 23:49:06 · 7693 阅读 · 0 评论 -
VUE项目问题之:去掉url中的#/
一、问题使用VUE路由,项目的url总是带有锚点,如下:http://localhost:8082/#/二、解决修改路由文件中 index.js 文件,即 src --> router --> index.js没修改前:export default new Router({ routes: [ { path: '/', nam...转载 2019-04-02 17:24:25 · 923 阅读 · 0 评论 -
vue+ElementUI项目中,input只能输入正整数的验证
代码如下: <el-input v-model="famount" placeholder="请输入内容" @keyup.native="number"></el-input> methods:{ number(){ this.famount=this.famount.replace(/[^\.\d]/g,''); ...原创 2018-10-25 10:51:35 · 12417 阅读 · 4 评论 -
Elment UI上传图片
官网地址:http://element.eleme.io/#/zh-CN/component/upload 1.引用element 上传控件。 <el-upload action="/mgr/common/imgUpload"//这里需要配置一下文件上传地址(跨域) list-type="picture-card" accept=...原创 2018-09-07 15:20:28 · 970 阅读 · 0 评论 -
Date对象在Safari与IOS中的“大坑”
safari浏览器下解决Date日期的NAN问题今天给大家分享一个我在工作中遇到的坑! 我自己写代码都是在模拟器上面调试程序的嘛,今天测试把程序在IOS系统上面运行给我看,什么鬼!时间全部是NaN,android上没问题,我页面用的vue.js套的嘛,用了个过滤器,先上代码 filters: {//时间过滤器 formatDate(time) { /*le...原创 2018-04-19 13:59:47 · 2389 阅读 · 0 评论 -
基于Vue 2和高德地图的地图组件 - vue-amap
项目简介vue-amapvue-amap是基于Vue 2.0和高德地图的地图组件。安装npm install -S vue-amap快速上手引入vue-amap// 引入vue-amapimport AMap from 'vue-amap';Vue.use(AMap);// 初始化vue-amapAMap.initAMapApiLoader({ // 高德的key key: 'Y...转载 2018-05-23 14:44:19 · 1632 阅读 · 0 评论 -
VUE组件汇总
内容UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element ★13489 - 饿了么出品的Vue2的web UI工具套件Vux ★8133 - 基于Vue和WeUI的组件库iview ★6634 - 基于 Vuejs 的开源 UI 组件库mint-ui ★6253 - Vue 2的移动UI元素muse-ui ★3705 - 三端样式一致的响应式 UI 库vue-materi...转载 2018-05-23 10:38:10 · 1176 阅读 · 0 评论 -
vue-resource调用promise取数据方式整理
用了好久的vue-resource,好像每一次使用的时候,都要去看一下上一次是怎么写的,具体的语法过不了多久又忘记了,甚至不知道其中的原理,只知道一些简单的使用,一会儿用ES6的语法,一会儿又用传统的语法,为了改变这种不良的习惯,并理清vue-resource使用promise取数据的原理,今天把这一块整理一下。http://www.jianshu.com/p/8aa7bc068fbf先来说说 v...转载 2018-05-23 10:26:59 · 499 阅读 · 0 评论 -
vue.js时间过滤器
首先,数据库中往往存储的是时间的毫秒形式,这样在页面上可以操控显示时间的格式。 1. 页面中: <div class="time">{{rating.rateTime | formatDate}}</div> 这里formatDate时一个过滤器 2. 在页面js中定义这个过滤器: import {for...原创 2018-04-02 09:29:20 · 3133 阅读 · 0 评论 -
vue.js小知识
一丶只能输入数字字母和中文:var reg = /^[A-Za-z0-9\u4e00-\u9fa5\.]+$/if (!reg.test(this.amount)) { return 提示输入格式错误}二丶自动过滤用户输入的首尾空白符:方法一: 用字符串的trim方法this.amount = this.amount.trim() // 不改变原数组方法...原创 2018-04-03 13:57:20 · 240 阅读 · 0 评论 -
vue event 自定义事件
子组件要把数据传递给父级 依靠自定义事件自定义事件监听$on(eventName)触发$emit(eventName)基本使用方法如下使用app.$on('text',function(){})来自定义一个事件,实例中我使用click点击事件来触发addn 中的app.$emit('text')给事件传递参数'hi';app.$on监听到text执行打印...原创 2018-05-10 15:07:37 · 2500 阅读 · 0 评论 -
vue上传头像+进度条
<template xmlns:v-on=""> <div style="background: #fff;"> <!--<div class="grzl_txtk" > <div class="bag_mengc" @click="sssToggle()">原创 2018-05-17 10:07:50 · 1312 阅读 · 0 评论 -
vue防止重复点击提交
<input type="button" name="" id="" @click="save()" value="发表评价" :disabled="isDisable"/>data:()=>({ isDisable: false}),methods: { save() {//保存评价 for (let k = 0; k原创 2018-05-17 18:39:41 · 23984 阅读 · 0 评论 -
搭建idea下的vue项目结构工程
需要先安装好nodejs和npm,输入下面的命令查看是否成功安装node -vnpm -v打开命令提示符首先安装使用淘宝npm镜像:淘宝 npm 地址:http://npm.taobao.org/如何使用有很多方法来配置npm的registry地址,下面根据不同情境列出几种比较常用的方法。以淘宝npm镜像举例:1.临时使用npm --registry http...原创 2018-04-28 19:15:21 · 8400 阅读 · 1 评论 -
Vue生命周期
生命周期先上图什么是生命周期Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。在Vue的整个生命周期中,它提供了一系列的事件,可以让我们在事件触发时注册js方法,可以让我们用自己注册的js方法控制整个大局,在这些事件响应方法中的this直接指向的是...原创 2018-05-14 19:13:59 · 242 阅读 · 0 评论 -
mint-ui的使用,Loadmore的下拉/上拉刷新
npm 安装推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。npm i mint-ui -S下拉/上拉刷新,支持自定义 HTML 模板。引入import { Loadmore } from 'mint-ui';Vue.component(Loadmore.name, Loadmore);如:例子<mt-loadmore :top-method="loadTo...原创 2018-05-15 09:26:23 · 6514 阅读 · 0 评论 -
使用Vue-Router 2实现路由功能
注意:vue-router 2只适用于Vue2.x版本,下面我们是基于vue2.0讲的如何使用vue-router 2实现路由功能。推荐使用npm安装。npm install vue-router一、使用路由在main.js中,需要明确安装路由功能:import Vue from 'vue'import VueRouter from 'vue-router'import App from '...原创 2018-06-03 01:40:31 · 493 阅读 · 1 评论