Vue
文章平均质量分 59
_zhiqun
这个作者很懒,什么都没留下…
展开
-
vue ant-design range-picker 时间段组件默认值00:00:00 23:59:59
<a-form-model-item label="活动时间" required prop="end_at"> <a-range-picker @change="onChange" v-model="formData.activity_time" :allowClear="false" :format="dateFormat" :showTime="{ .原创 2021-06-07 10:45:55 · 2056 阅读 · 0 评论 -
点击图片实现整屏幕放大功能,vue插件vue-directive-image-preer
这个插件是真的很烦方便,试试吧!查看插件原创 2019-01-17 13:56:10 · 2419 阅读 · 0 评论 -
vue 刷新当前页出 现空白页面 provide /inject 完美解决方案。
此方法使用的是v-if来控制router-view的显示或隐藏,v-if从false变为true时,vue会重新渲染router-view区域,所以当参数变化时,只需让v-if 从true =&gt; false =&gt; false,就能实现页面刷新;问题描述点击button发送请求,路由不变,需要刷新当前页面,出现空白页。版本提示:此方法适用vue 2.20+版本,请先查...原创 2019-01-02 12:54:27 · 6192 阅读 · 2 评论 -
vue+axios+element ui实现全局配置loading.
背景业务需求是这样子的,每当发请求到后端时就触发一个全屏的 loading,多个请求合并为一次 loading。现在项目中用的是 vue 、axios、element等,所以文章主要是讲如果使用 axios 和 element 实现这个功能。效果如下:要点分析=重点首先,请求开始的时候开始 loading, 然后在请求返回后结束 loading。重点就是要拦截请求和响应。然后,要解决...原创 2018-12-19 00:14:30 · 3789 阅读 · 0 评论 -
element ui刷新页面时保留当前分页。
vue项目中用element ui组件的pagination组件,当手动刷新页面时当前页会回到默认选中效果,一般会回到第一页,如何刷新时让记住刷新前的页面,让刷新后的页面不变呢?做状态的本地存储,通过在localstorage中保存你的页码信息,在页面组件初始化的时候获取本地存储的信息,进而初始化,以达到你要的刷新保留状态的目的。注意1.vue中vue中刷新页面,会导致组件状态初始化,要记...原创 2018-12-18 23:56:25 · 5275 阅读 · 0 评论 -
vue 增加上传多图的DEMO
安装multer模块单图上传npm install multer引用模块它是依赖于express的一个模块//引用express并配置var express = require("express");var app = express();app.listen(3000);var multer = require('multer');/*var upload = multer(...原创 2018-12-15 23:43:01 · 1041 阅读 · 0 评论 -
vue 报错 vue.esm.js? [Vue warn]: Unknown custom element: <folderdir>
.did you register the component correctly? For recursive components, make sure to provide the “name” option.把 &lt;folderdir&gt;&lt;/folderdir&gt;改为&lt;folder-dir&gt;&lt;/folder-dir&gt;即可原创 2018-12-15 23:39:52 · 35992 阅读 · 1 评论 -
通过vue-cli生成项目时报错解决方案
全局安装 vue-cli$ npm install -g vue-cli创建一个基于 “webpack” 模板的新项目$ vue init webpack my-project在执行vue init webpack my-project时遇到一个错误:$ vue init webpack my-project/usr/local/lib/node_modules/vue-cli/...原创 2018-10-06 21:48:45 · 2063 阅读 · 0 评论 -
vue请求网络接口中图片报错403解决办法
网络接口都是有请求限制的,特别是图片字段值是绝对路径的情况,请求的时候就会报错403 问题,这个时候应该使用缓存的方式拿到请求图片的地址进行缓存,只要在请求到的图片链接前面加上‘https://images.weserv.nl/?url=’即可(这是一个专门缓存图片的网址)可能会有点慢使用方法如下:// 解决403图片缓存问题 getImages( _url ){ if...原创 2018-10-05 17:39:13 · 2951 阅读 · 0 评论 -
解决Error: ENOENT: no such file or directory, scandir 安装node-sass报错
webpack打包时出现 Error: ENOENT: no such file or directory, scandir 解决方案是执行以下方法:npm rebuild node-sass可是有时就是网络问题导致上面命令安装失败,查下失败提示,有可能是Cannot download "https://github.com/sass/node-sass/release...转载 2018-10-05 14:00:13 · 58019 阅读 · 0 评论 -
npm run dev 运行报错Error:listenEADDRNOTAVAIL怎么解决?
ddd原创 2018-10-05 13:01:11 · 1548 阅读 · 2 评论 -
router-view 的理解
主要是构建 SPA (单页应用) 时,方便渲染你指定路由对应的组件。你可以 router-view 当做是一个容器,它渲染的组件是你使用 vue-router 指定的。比如:视图层:<div id="app"> <router-view></router-view><...转载 2018-09-22 16:26:46 · 7713 阅读 · 3 评论 -
vue.js如何更改默认端口号8080为指定端口
vue.js如何更改默认端口号8080为指定端口执行npm run dev实际是在调用根目录下的package.json打开package.json后可发现有这样一段代码"scripts": { "dev": "node build/dev-server.js", "build": "...转载 2018-10-04 13:41:30 · 8052 阅读 · 0 评论 -
vue用axios时报错:Cannot read property 'protocol' of undefined!
import Vue from 'vue'import Vuex from 'vuex'import axios from 'axios'Vue.use(Vuex)Vue.use(axios)报错信息:isURLSameOrigin.js?cf95:57 Uncaught (in promise) TypeError: Cannotread property 'protoc...原创 2018-10-04 13:13:40 · 29798 阅读 · 0 评论 -
vue去掉严格开发,即去掉vue-cli安装时的eslint或者修改配置
由于安装Vue项目时候设置了eslint语法检查,导致太多报错。程序无法运行,很不容易找到一个不错的解决方法。记录一下,真好!! vue去掉严格开发,即去掉vue-cli安装时的eslint 1.vue-cli书写规范(主要是js规范) a、逗号、冒号后面要加空格 b、不能使用双引号,一律使用单引号 ...原创 2018-09-27 02:51:28 · 4430 阅读 · 0 评论 -
npm报错:A complete log of this run can be fund in: C\Users\用户\AppData\Roaming\npm-cache_logs\解决方案(清理缓)
.因项目中安装模块,多次不成功,所以导致报错。A complete log of this run can be fund in: C\Users\用户\AppData\Roaming\npm-cache_logs\2018-9-24T10_55_24_806Z-debug.log这时你需要清理缓存了。1.注:如有node_modules文件夹时先删除2.清理缓存命令:npm cach...原创 2018-09-24 23:18:37 · 139202 阅读 · 58 评论