今天在项目的一个组件需要向兄弟组件传数据，所以想到了使用eventBus。首先，我先建立了一个eventBus.js，代码如下：import Vue from 'vue'const eventBus = new Vue()export default eventBus然后在需要往外传值的组件中引用eventBus.js：import eventBus from '@/assets/j...

最近项目中需要使用文本编辑器，比较了下最终选择了tinymce这款文本编辑器。但是在使用表情插件的时候，表情一直都出不来，报错信息如下：Uncaught SyntaxError: Unexpected token '<'Failed to load emoticons: Script at URL"http://xxxx/static/js/plugins/emoticons/js...

在vue项目中，如果前一个页面有滚动条的滚动，当路由跳转后发现滚动条的位置还保持在原来的位置，这个就带来了困扰。查询了资料，发现可以在路由的导航守卫afterEach里面添加：window.scrollTo(0,0);这种方法可以在每次路由跳转后手动使滚动条回到头部位置。如图：其实在vue官网中介绍了scrollBehavior方法，同样可以实现路由跳转之后滚动条滚到顶部。https:...

先说结论：二者的最大区别就是hashRouter不支持location.key 、location.state。举例说明：homepagethis.props.history.push({pathname:'/about',state:{msg:'this is a msg from home'}})aboutpageconsole.log(JSON.s...

antd提供了Input.Search搜索框组件，它的其余属性和 Input 一致，通过value当然可以修改搜索内容，这里介绍另外一种方法来修改搜索的内容。直接上代码：import { useRef } from 'react';import { Input } from 'antd';...const searchRef = useRef(null)...<Input.Searchref

在mac上,使用command + tab可以切换应用。当使用外接显示器并处在双屏模式时,如果想要把mac程序坞移动到另外一个屏幕,只需要将鼠标移动到另一个屏幕的最下方几秒钟,待“程序坞”(即mac默认显示在屏幕下方的应用程序栏)出现在该屏幕,则可以完成切换。...

在vscode编辑器的setting.json中设置eslint的校验规则："eslint.validate": ["javascript","javascriptreact",{"language": "html","autoFix": true},{"language": "vue","autoFix": true}]然后这里就出现黄色波浪线，提示“Auto Fix is enabled by

在使用element-ui的表格时，有时候后台给你的字段和你要显示在表格列里的内容不一致。例如后台给的字段是state，它的值为true或false，要求显示在表格里是‘正确’或‘错误’这时可以给el-table-column添加一个属性：formatter，代码如下：<el-table ref="accountTable":data="accountsListData"b...

在使用element-ui的分页组件el-pagination时，有时我们翻页到某一页后刷新，希望刷新之后页面仍然保留在当前页面。思路如下：我们可以在element-ui分页组件el-pagination翻页的时候改变url地址栏的参数，获取数据的时候参数再从url地址栏获取。这样即使页面刷新了也能传递给后台之前的参数，获得之前页面的数据。代码如下：<div class="pagi...

最近做网站爬虫，爬取到的数据保存到一个name.json文件中，数据结构大概是这样的：可以利用nodeJS把这个json文件转成excel输出，当然浏览器环境也可以做到，网上有相关的方法。我这里使用了fs模块和第三方模块json2xls,所以要先安装json2xls：npm install json2xls -D// 在jsonToExcel.js中先引入核心模块const fs = ...