- 博客(11)
- 收藏
- 关注
RSS订阅原创 通过SheetJS（XLSX）前端解析、生成Excel文件
npm install xlsx -Simport XLSX from 'xlsx';// 解析Excel// 此处省略获取文件方式，假设file为获取到的文件const parseExcel = file => { var reader = new FileReader(); reader.onload = function (e) { var data = e.target.result; var workbook = XLSX.read(data, { type: 'b
2021-01-15 18:20:37
1014
原创 关于ElementUI按钮组件el-button点击后不自动失焦问题
<el-button icon="el-icon-edit" @click="handleClick">click</el-button>...handleClick (e) { let target = e.target; // 根据button组件内容 里面包括一个span标签，如果设置icon，则还包括一个i标签，其他情况请自行观察。 // 所以，在我们点击到button组件上的文字也就是span标签上时，直接执行e.target.blur()不会生
2020-09-02 14:39:53
6074
原创 关于ElementUI导航组件el-menu刷新页面后恢复默认问题
<el-menu :default-active="activeIndex" router //是否使用 vue-router 的模式，启用该模式会在激活导航时以 index 作为 path 进行路由跳转> // index值设置为路由path <el-menu-item index="/">首页</el-menu-item> <el-menu-item index="/mine">我的</el-menu-item>&l
2020-08-25 14:54:18
2938
2
原创 Ant Design中upload组件上传图片前判断图片尺寸
...this.state = { largerImgUrl: '', largerLoading: false};...isSize = (file, width, height) => { return new Promise((resolve, reject) => { let _URL = window.URL || window.webkitURL; let img = new Image(); img.o
2020-08-20 10:23:56
2231
原创 vue全家桶项目学习（四、axios）
一、安装与使用安装npm install -S axios使用import axios from 'axios';export default { mounted () { axios.post('http://xxx.xxx.xxx.xxx/getInfo', { param: 'test' }).then(res => { ... }).catch(err => { ... }) }}二、跨域
2020-08-10 18:38:08
771
原创 vue全家桶项目学习（三、veux）
一、使用首先通过import引入vuex，然后通过Vue.use(Vuex)加载，最后创建Vuex实例并导出。二、state可以理解为vue组件中的data，在其中定义的变量可以在各个组件中使用。简单使用...state: { name: 'anni'},...组件中使用：<template> <div>{{ name }}</div></template><script>export default
2020-08-10 17:13:19
578
原创 vue全家桶项目学习（二、vue-router 下篇）
一、路由组件传参继上一片博客，在组件中使用 $route 会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的 URL 上使用，限制了其灵活性。使用 props 将组件和路由解耦，这样你便可以在任何地方使用该组件，使得该组件更易于重用和测试。布尔模式,适用动态匹配路由{ path: '/page1/:param', name: 'page1', component: () => import('../views/page1.vue'), // 增加pro
2020-08-06 17:23:30
203
原创 vue全家桶项目学习（二、vue-router 上篇）
一、使用通过上一篇文章已经通过vue-cli4.0创建好了vue项目，首先项目默认router配置文件和组件中使用及main.js中挂载如下在src/router/index.js路由配置文件中，首先通过import 引入vue和vue-router，然后创建路由列表routes。然后通过Vue.use(VueRouter)加载，通过const router = new VueRouter({ routes })创建路由实例，最后导出router。然后在main.js中引用router，在vue实
2020-08-06 11:47:45
244
原创 vue全家桶项目学习（一、项目创建 vue-cli4.0）
环境安装vue-cli（自3.0开始改名为@vue/cli）npm install -g @vue/cli检查是否安装成功在要建立项目目录里执行vue create 项目名
2020-08-05 15:14:10
456
原创 ESLine配置使用（react,babel,webpack）
前言：最近提交的项目出了一些小bug，原因是有一个组件没有引用就直接调用了其方法，具体是用在请求失败的回调中，因为调试的时候直接走通，所以并没有走到这里，接口只加了一个单词，然后重新git，重新编译，重新部署测试服。为了避免此类小错误导致重走流程，所以决定在项目中启动ESLint检测。环境：React，Webpack，Babel基本安装npm install eslint --save-devnpm install eslint-loader --save-dev处理ES6npm install
2020-07-16 17:15:43
387
原创 React双向绑定input
class Demo extends React.Component { constructor (props) { super(props); this.state = { input_val: '' }; } inputValChange = e => { this.setState({ input_val: e.target.value }); } render () { return ( &
2020-07-02 14:49:23
1072
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人