Vue.js
风雨飘飘飘啊飘
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue项目切换语言,vue项目国际化,使用vue-i18n前端实现中英文切换
在项目需求中,我们会遇到国际化的中英文切换。 使用vue搭建的项目中我们可以使用i18n插件进行项目的中英文切换。 npm引入i18n npm install i18n --save-dev 为了数据的使用方便,我们需要在src文件夹下建立一个如下图的文件夹 index.js: import Vue from 'vue' import VueI18n from 'vue-i18n' Vu...原创 2020-04-29 11:07:32 · 1665 阅读 · 0 评论 -
Vue项目中keepAlive的用法进行页面的缓存
一、在route文件中设置需要缓存组件的路由元(meta)加入KeepAlvie:true这样的键值对,如图二、在app.js文件中,加入keep-alive的组件,进行如下设置这样子就可以进行页面的缓存了 再次(非首次)缓存的页面,会触发的生命周期函数是activated()和deactivated(),如果需要,可以在这两个函数中进行方法执行。 ...原创 2019-11-26 14:28:51 · 1417 阅读 · 0 评论 -
Element的el-cascader级联选择器组件获取选中的label
例如上图,需要拿到新疆/乌鲁木齐市的值 <el-cascader ref="cascaderAddr" :options="this.$Address.data" @change="handleAreaChange"> </el-cascader> 给el-cascader组件设置ref为cascaderAddr 设置change事件handleAreaCh...原创 2019-10-29 11:40:00 · 3232 阅读 · 0 评论 -
element-ui的upload上传图片校验图片的宽高
使用element-ui的upload上传图片,官方文档中提供了在beforePicUpload中校验图片格式和大小的方法,但是没有提供校验宽高方法。 需求: 在开发的过程中,我们可能需要限制图片的width和heigth相同,也可能需要限制width比height长,还有可能需要限制height比width长。 解决方法: beforePicUpload (file) { let _...原创 2019-08-06 17:20:20 · 3906 阅读 · 1 评论 -
Vue的项目在ie浏览器中报错:Unhandled promise rejection ReferenceError: “Promise”未定义
vue的项目启动以后,在ie浏览器中报错: Unhandled promise rejection ReferenceError: “Promise”未定义 问题原因: ①:ie的一些低版本对于ES6语法不支持 ②:Promise是es6语法里为了解决异步函数多重嵌套的问题(回调地狱) (也有可能项目中并没有使用Promise,但是使用的Axios等,其中原理也是Promise,只是进行了封装) ...原创 2019-08-09 17:11:23 · 15823 阅读 · 3 评论
分享