
Vue
文章平均质量分 60
菜鸟小营地
未来可期,愿初心不忘
展开
-
element中el-table,type=‘expand‘展开行,通过@expand-change=‘ ‘事件渲染子table的数据,页面数据未同步
需求:一个table中嵌套另一个table,在点击外层table的‘>’时,获取嵌套table的数据,最终效果图:遇到的问题:table里面嵌套另一个table的方法,就是在行属性设置了type=‘expand’,也在table里面添加了@expand-change="showManageDetail"事件监听展开行事件,在监听事件里面动态获取数据赋值给里面展开的table,这里出现了,数据已经获取到,但是无法精准的同步到页面渲染,(第一次点击没有数据,第二次点击才会有数据)。产生问题的根本原创 2020-07-06 14:57:04 · 5798 阅读 · 2 评论 -
vue-i18n报错Cannot read property “_t” of null
问题:使用i18n实现国际化功能,在切换语言状态时 ,js报错:TypeError: Cannot read property ‘_t’ of null at VueComponent.Vue.$t (vue-i18n.esm.js?a925:178)。解决方案:把this.t(′′)更改为this.t('')更改为this.t(′′)更改为this.root.$t(’’)...原创 2020-05-27 16:52:07 · 1804 阅读 · 0 评论 -
npm run serve 启动vue项目时 报错 throw er Unhandled “error” event
原由:npm run serve 启动vue项目时,报错 throw er; // Unhandled ‘error’ event;纳闷了昨天下午下班时都是没有问题的,除了问题就解决呗!解决方案:产生这一问题的原因有两个:1.本机端口和设置的ip地址不一致2.可能是端口被占用第一种情况的详细解决流程:我的情况是第一种,更换vue.config.js中的host的值,至此问题完美解决,项目可以重新启动了。第二种情况的详细解决流程:1) 通过cmd命令,用该命令netstat -ano|fi原创 2020-05-27 10:15:53 · 1121 阅读 · 0 评论 -
vue项目性能优化
1.谷歌浏览器—Performance(检测性能)1).Performance使用https://segmentfault.com/a/11900000115160682.Vue性能 优化1).https://www.jianshu.com/p/4e15f4cd73212).https://mp.weixin.qq.com/s/qgOJmA1dxB2wor6_fk8yxg...原创 2020-01-19 16:20:41 · 304 阅读 · 0 评论 -
vue 前端本地存储搜索历史记录,删除某条记录,清空记录
vue 前端本地保存搜索历史,localStorage一、保存历史的数组是由元素组成: [ “000004 SZ”]在页面第一次加载的时候,从localStorage中获取历史记录created() { //获取localstorage let storage=window.localStorage; if(storage.getItem('searc...原创 2020-01-17 17:18:53 · 6275 阅读 · 0 评论 -
Vue项目 npm run dev报错解决方案
报错内容:npm ERR! code ELIFECYCLEnpm ERR! errno 134npm ERR! hemasaotwo@1.0.0 dev: webpack-dev-server --inline --progress --config build/webpack.dev.conf.jsnpm ERR! Exit status 134npm ERR!npm ERR! Fa...原创 2019-09-19 10:51:20 · 1644 阅读 · 0 评论 -
vue项目,本地运行和build打包后样式不同
起因:最近在打包项目上传到服务器时,总是会出现奇奇怪怪的样式,譬如: 我本地用el-menu做的二级菜单分类,在本地可以正常显示,打包上传至服务器出现异常,如下图:本地正常显示:打包后异常显示:解决方案:查看通过控制台查看本地渲染后的样式和服务器渲染后的样式,发现之前其他文件中的el-menu的样式是全局更改的,覆盖了我当前文件的样式,解决方法: 给造成全局污染的那个文件加sco...原创 2019-08-27 11:14:36 · 4077 阅读 · 0 评论 -
Vue封装echarts折线图组件
最近项目中数据展示,需要引入n个相同的echarts,为了减少代码冗余,故封装一个组件。1. 建两个.vue文件,关系为父子组件,如: analysis.vue(父组件),analysisChart.vue(子组件,也就是要封装的echart内容)2. 父组件中需要传递给子组件中需要的数据,我所用的需要这几个数据:id:子组件(图表)实例化需要一个唯一的id;time: x轴的显示数据, ...原创 2019-06-05 16:03:07 · 6199 阅读 · 0 评论 -
Vue-- 如何搭建项目(vue-cli3.x)
一. 安装node环境使用vue-cli 搭建项目的时候需要nodejs.下载地址: https://nodejs.org/en/下载安装后,检查时候安装成功: 如果输出版本号,则证明安装成功二.安装vue项目环境1.全局安装 vue-cli1). 3.x以前的版本2). 3.x若,已有3.x之前的版本,要安装3.x版本需先卸载再安装,若第一次安装,可以直接安装3.x...原创 2019-05-20 18:14:39 · 340 阅读 · 0 评论 -
Vue生命周期函数(钩子函数)
生命周期函数相关什么是周期函数 从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期! 生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类:创建期间的生命周期函数:beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性created:实例已经在内存中创建OK,此时 da...原创 2018-11-27 22:15:12 · 646 阅读 · 0 评论