
前端vue
维所欲为
这个作者很懒,什么都没留下…
展开
-
2个同源tab页之间的数据交互
如果要实现2个同源tab页之间的数据交互,可以选择使用localStorage,因为它的存储遵循同源策略。通过约定localStorage某一个itemName,基于该key值的内容进行通信。H5提供了storage事件,通过window对象监听storage事件,会监听到localStorage的变化(包括item的增加、删除、修改),从而完成不同tab页之间的数据交互。示例:A页面window.addEventListener("storage", function(ev){ if转载 2020-06-19 11:24:48 · 1407 阅读 · 1 评论 -
element ui table cell-style 动态变化
问题描述使用element ui table cell-style 动态变化单元格样式不稳定, 代码如下。input改变,v-model的值随之改变,对应的样式变化,背景色改变。但我的问题是需要打开下f12才能看到变化的结果,然后多试几个单元格,有时会直接变化,有时又不会,又得开下f12。 求解。问题主要在于我修改input内值后,有时会触发finalCellStyle:functio...转载 2020-03-25 20:01:53 · 5552 阅读 · 1 评论 -
当element-ui的el-dialog组件中包含子组件时,用refs调用子组件时的undefined问题
今天写VUE时我在element-ui的el-dialog组件中包含了一个子组件。Editor为子组件然后我通过$refs调用该子组件里面的方法,在控制台上却显示undefined。init方法为dialog弹窗时才会触发的方法'setHtml' of undefined"因为自己之前用过refs来调用子组件方法,但是没有遇到过这种问题,很是无奈加之彷徨。后来在...转载 2020-03-11 21:56:03 · 2105 阅读 · 1 评论 -
vue如何通过键盘方向键切换input焦点
功能介绍vue方向键插件,适合键盘的快捷键操作,通过键盘在input间切换,应用在后台系统开单,财务等等的快速输入和保存上,使用简单,配置方便使用方法安装npm install --save vue-direction-key 使用 在入口文件中引用import Direction from 'vue-direction-key'Vue.use(Direction)在模...转载 2020-03-05 17:09:18 · 5192 阅读 · 4 评论 -
关于vscode断点调试
很多人习惯在 Chrome 的调试窗口中调试 Vue 代码, 或者直接使用 console.log 来观察变量值, 这是非常痛苦的一件事,需要同时打开至少 3 个窗体。个人还是更加习惯于断点调试。这篇文章将介绍如何配置 Visual Studio Code 和 Chrome 来完成直接在 VS Code 断点调试代码, 并且在VS Code的调试窗口看到Chrome中console相同的值。设置 ...转载 2018-06-19 09:28:24 · 19319 阅读 · 0 评论 -
vue打包后js,css文件过大,页面首次加载慢的解决方法
npm install --save-dev compression-webpack-plugin@1.11.2在config/index.js中配置:在webpack.conf.js(或者webpack.prod.conf.js)中修改:打包结果:在nginx中配置:nginx reload后如果提示没有gz_static模块,则需要重新编译安装nginx,如...原创 2019-09-09 09:32:03 · 7479 阅读 · 2 评论