
vue-element-admin
LangForOne
奔三的小全栈,现任某互联网科技公司研究院开发工程师,前端后端皆有探究,不断提高,無限進步。文章多数为分享在工作开发项目中遇到的问题和一些思路经验,以及可有可无的心得分享
展开
-
vue页面前进或后退时刷新数据(重置恢复为初始值)
普通的vue项目使用this.$router.go(-1)就能同时实现后退+刷新了。但是在vue-element-admin或其他复杂的项目中(尤其是后台管理系统),有独特的路由跳转配置,比如在vue-element-admin中使用this.$router.go(-1),原页面的数据并不会刷新,因为配置了快捷导航(标签栏导航)该方案运用了 keep-alive 和 router-view 的结合,所以跳转路由后原页面的数据仍然存活。解决方案:①、首先,找到页面恢复初始化数据的方法,我采用的是以原创 2021-11-30 17:45:04 · 7369 阅读 · 6 评论 -
ElementUI日期转为“yyyy-MM-dd“格式
一般情况下,我们需要给后台的时间格式是:“yyyy-MM-dd”但是使用Element ui日期选择器DatePicker获取的值是这样的:Thu Nov 04 2021 00:00:00 GMT+0800 (中国标准时间)在官方文档中,有提到可以使用value-format日期格式我们采用"yyyy-MM-dd",此时,我们只需在时间选择器上加value-format="yyyy-MM-dd"的属性就可以了若使用的是选择日期范围型的DatePicker,返回的时间值为一个数组原创 2021-11-23 19:33:21 · 8218 阅读 · 7 评论 -
在el-table中根据判断不同值显示对应文本
后端传来的数据是数据0,1,2。0代表js报错,1代表白屏,2代表其他错误,要求动态显示在表格中 <el-table-column align="center" prop="errorText" label="异常类型" width="150"> <template slot-scope="{row: {errorText}}"> <span v-if="+errorText === 0">js报错</span> <span .原创 2021-11-22 11:12:28 · 3256 阅读 · 2 评论 -
vue-element-admin实现build打包文件下改变每个静态资源的路径
组长两句话说明的需求,其实也简单,就改一行代码。打开vue.config.js,找到assetsDir,默认输出路径是’static’,改成你想要将静态资源输出到的路径就可以了。我改成了’home/static’ // assetsDir: 'static', assetsDir: 'home/static',然后打包后的dist里的静态资源就放到了dist/home/static目录下题外话:这样做好像是利于Nginx的部署啥的,等这几天忙完项目后好好请教一下原理吧,太菜了,还得更加努原创 2021-10-28 19:13:05 · 2885 阅读 · 0 评论 -
vue-element-admin使用npm run build打包后运行index.html白屏问题
原贴地址:https://blog.youkuaiyun.com/qq_36538012/article/details/1187880871、打开src/router下的index,js,把路由模式改成hash模式,改成这样:const createRouter = () => new Router({ mode: 'hash', // require service support scrollBehavior: () => ({ y: 0 }), routes: constantR转载 2021-10-28 18:07:51 · 625 阅读 · 0 评论 -
vue-element-admin国际化&vue-element-admin切换成中文
vue-element-admin文档里的在线浏览网站里,菜单栏有国际化选项,里边可以自由切换中英文等四种语言,可是克隆下来的项目却只有英文,找了半天都找不到国际化页面。后来也是在官方文档上的国际化里找到了原因:默认的master分支不提供国际化,那切换成i18n分支就可以了。在终端里切换成i18n分支:git checkout i18n,然后重新npm install一下npm run dev跑起项目,就发现已经成功切换成中文了,菜单倒数第二栏也出现了国际化,可以在此切换自己需要的语言了.原创 2021-10-15 10:47:42 · 2561 阅读 · 4 评论