![](https://img-blog.csdnimg.cn/20200702215054588.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
记录Vue.js的学习及使用
相守之路
回归初心,一路相守
展开
-
实现node版本降级、升级及多个版本进行切换
解决方案(1)安装node版本管理模块nsudo npm install n -g下边步骤请根据自己需要选择(2)安装稳定版sudo n stable(3)安装最新版sudo n latest(4) 版本降级/升级sudo n 版本号比如需要8.4.0版:(5)检测目前安装了哪些版本的,执行命令:n如图,本人安装了四个版本,目前处于8.4.0:(6)切换版本(不会删除已经安装的其他版本)n 版本号比如切换到11.4.0版:n 11.4.0,运行后查看版本号 ,转载 2020-11-18 13:42:47 · 1635 阅读 · 0 评论 -
Vue+element 级联选择器 编辑操作内容回显
elementUI的 cascader 级联选择控件的默认值(回显)问题场景一:后端返回的是字符串,但是其格式是数组类型后端返回结果如:’[1,2,4,5]’修改方法:法一:(比较麻烦,但是几乎是万能的,所有的都可以转换成数组)因为数组是string类型的即 “[1,24,5]”将”[” 和 “]” ,substring将得到的字符串split(“,”),得到一个装有“1”,“24”,“5”的string数组循环拿出数组的每个元素转换成int类型,再push到option数组里,原创 2020-07-02 22:09:40 · 4087 阅读 · 4 评论 -
Vue项目优化
vue项目开发完后,进行一些必要的优化1.通过nprogress给页面增加进度条效果nprogress官方文档1.安装依赖npm install --save nprogress2.导入js及cssimport NProgress from 'nprogress'import 'nprogress/nprogress.css'3.使用在axios拦截器中添加如下方法发起请求前调用 start()服务器相应后调用 done()// request拦截器service.原创 2020-07-02 21:58:09 · 287 阅读 · 0 评论 -
Vue性能优化方法
优化策略1.生成打包报告打包时,为了直观地发现项目中存在的问题,可以在打包时生成报告。生成报告的方式有两种:1.通过命令行参数的形式生成报告/通过vue-c1i的命令选项可以生成打包报告,--report选项可以生成 report.html以帮助分析包内容vue-cli-service build --report2.通过可视化的U面板直接查看报告(推荐)在可视化的U面板中,通过控制台和分析面板,可以方便地看到项目中所存在的问题。使用vue ui启动可视化环境,build项目就能生产打包报原创 2020-07-02 21:54:53 · 1694 阅读 · 0 评论 -
Vue+element tabs标签页切换提醒/切换渲染页面
基本tab html ,主要看第三行,第四行<el-tabs v-model="activeIndex" tab-position="left" :before-leave="beforeTagsLeave" @tab-click="tabsClicked"><el-tab-pane label="基本信息" name="0"></el-tab-pane><el-tab-pane labe原创 2020-07-02 21:51:45 · 3378 阅读 · 0 评论