![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
奔跑的Camille
不coding,no bug
展开
-
Vue通过ID修改URL复用同一个页面/组件,不重新加载的问题以及版本Vue版本升级导致的Uncaught (in promise)问题
在项目中经常会用到同一个页面,结构是相同的,只是vue-router中通过添加参数的方式来区分状态,参数可以在页面跳转时带上params,或者query,但是即使我们修改了参数,URL也显示已经改变,但页面并不会刷新,因为路由是相同的,vue就会认为你是同一个页面,从而复用已加载的页面,而不会重新加载,可以通过watch监听事件来监听路由的变化: watch: { $route(to, from) { if (to.name === "account") {原创 2020-05-17 22:18:28 · 1009 阅读 · 0 评论 -
npm ERR! Failed at the chromedriver@2.41.0 install script.
npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! chromedriver@2.41.0 install: `node install.js`npm ERR! Exit status 1npm ERR! npm ERR! Failed at the chromedriver@2.41.0 install script.npm ERR! ...原创 2020-04-09 10:16:29 · 1670 阅读 · 1 评论 -
设置footer位置:让页面footer在正文内容不够是置于屏幕底部,当正文内容超过屏幕高度时置于正文底部
让页面footer在正文内容不够是置于屏幕底部,当正文内容超过屏幕高度时置于正文底部//html布局<template> <div class="page-container"> <header-nav></header-nav> <router-view class="main-layout">&...原创 2020-03-12 12:09:26 · 1557 阅读 · 0 评论 -
注意: yyyy-MM-dd 与 YYYY-MM-dd
yyyy-MM-dd 与 YYYY-MM-dd :Y 和 y 实际上代表了不同的含义y:year-of-era;正正经经的年; Y:week-based-year;只要本周跨年,那么这周就算入下一年;也就是 12 月大坑,一定要注意!!!!参考链接:就在几天前,听说用了 YYYY-MM-dd 的程序员,都在加班改 Bug...原创 2020-01-03 10:42:46 · 961 阅读 · 0 评论 -
elementUI之时间日期选择器 + watch监听
最近做项目时用到element UI的时间日期选择器,由于是需要设置系统开放时间和关闭时间,所以用到了两个el-date-picker问题1:需要对两个选择器的所能选的时间范围做限制 限制1:开放时间不能早于当前时间且不能晚于关闭时间 限制2:关闭时间不能早于当前时间且不能早于开放时间解决:picker-options属性代码://html&...原创 2020-01-02 11:53:59 · 5338 阅读 · 0 评论 -
vue + ElementUI 关闭/取消对话框时清除form表单
要求:在点击x和点击取消时,清空form表单1、点击x时,清空form表单解决方法:需要用到dialog组件的before-close属性 <el-dialog title="新增专家信息" :visible.sync="addExpertInfo" :before-close="closeExpertFormDialog"> //关闭dialog前...原创 2019-12-17 21:04:03 · 5646 阅读 · 2 评论 -
element UI 日期date-picker组件日期格式转化后限制时间范围picker-options失效
//html部分 <el-form :model="setTimeForm" ref="setTimeForm" :rules="setTimeRules" :label-width="formLabelWidth" > <el-form-item label="开放时间" pr...原创 2019-12-17 20:05:55 · 2562 阅读 · 1 评论 -
vue-router的beforeEach无限循环的问题:Error: Out of stack space
参考:理解 vue-router的beforeEach无限循环的问题https://segmentfault.com/a/1190000011042794vue路由守卫 以及 路由守卫无限循环问题 next('/')会再次调用router.beforeEach(),出现无限循环。最终,出现Error: Out of stack space或者maximum call sta...原创 2019-12-13 08:40:14 · 787 阅读 · 0 评论 -
element UI upload组件:data=“data”,上传文件额外参数,后台无法获取到参数问题
用element UI的upload上传组件上传文件,上传文件没有问题,但是通过data传参时,nodejs后台怎么也接收不到参数,一直显示“{}”;如下图仔细百度了下,发现data传参格式是而后台用require('body-parser')接受数据,body-parser并不支持contentType: multipart/form-data的格式类型 。...原创 2019-12-11 11:47:30 · 6462 阅读 · 0 评论 -
关于elementUI多选框select、穿梭框transfer等组件的v-model值
最近在学习多选框等组件时,发现从数据库中读出的值赋给v-model,没法在框中显示 。其实,是赋值与v-model要求数据类型不同的原因。多选框select举例:<template> <el-select v-model="value1" multiple placeholder="请选择"> <el-option v-for="...原创 2019-12-09 17:27:57 · 2081 阅读 · 0 评论 -
npm ERR! code EPERM npm ERR! errno -4048
转载于:https://blog.csdn.net/qq_36772866/article/details/86934950亲测有效!!!在npm install项目(vue+nodejs)的时候,突然报了以下错误$ npm installnpm WARN tarball tarball data for typescript@3.0.3 (sha1-SFOz4nXs2qJ...转载 2019-12-06 20:40:28 · 2989 阅读 · 6 评论 -
element UI清空表单:resetFields()
element UI 官网上给的://resetForm重置表单方法;formName表单名resetForm(formName) { this.$refs[formName].resetFields(); }项目实例:// 清空表单;表单名:registerForm if (this.$refs['registerForm'] !== undefi...原创 2019-12-02 18:48:59 · 303 阅读 · 0 评论 -
Vue跨域配置proxyTable中pathRewrite用法
笔者Vue项目小白,最近遇到“请求短信验证码”的需求,需要短信接口api,百度了一圈下来,遇到一篇实用的博文,结合自己的项目,折腾了一会,终于实现了,开心飞起啦啦啦。那么关于这个需求实现会在另一篇文章中分享。言归正传,在实现过程中,请求短信接口api时,用到了跨域配置。以下都以短信api为例,见下图,那么,proxyTable 里面的pathRewrite里面的‘^/apis’:''究竟 什么...原创 2019-08-22 16:04:42 · 8161 阅读 · 3 评论