vue+element如何限制input输入框只能输入纯数字

vue+element如何限制input输入框只能输入纯数字 1,首先在main.js中定义这段代码 Vue.directive('enterNumber', { inserted: function (el) { el.addEventListener("keypr...

2019-01-22 14:26:07

阅读数 1220

评论数 0

axios上传文件以及遇到的问题

axios上传文件以及遇到的问题 1,这里上传文件使用的是elementUI的上传,也用原生的input上传写了,但是没有时间做多文件上传,下面会把代码贴出。 2,这里上传文件我是先获取OSS权限和上传路径,然后再上传。但是权限获取成功后,上传到阿里云服务器时,OPTION请求报403。原因是项目...

2018-12-13 11:27:27

阅读数 771

评论数 0

nuxt开发中踩过的坑

新开的项目需要兼容IE,并且还需要SEO。在JQ和SSR二者中,选择了尝试一下新技术。(真的作死) 下面是个人在这半个月使用nuxt框架遇到的一些问题,记录一下: 1,首先一个是关于nuxt.config.js的配置问题,在plugins引入一些第三方插件的时候,如果不需要SSR,可以在后面选...

2018-09-28 17:43:16

阅读数 880

评论数 0

React中通过withRouter获取location等路由信息

       在这一次的项目中,想通过withRouter拿到路由信息,其实项目已经配置好了可以通过connect使用,但总想整点新花样,就自己试了试。        但是在使用装饰器的@语法时,报了错,首先是提示我项目中无法使用@withRouter这样的写法。下面是配置方法:首先安装babe...

2018-07-26 15:27:51

阅读数 3083

评论数 0

fetch和axios在跨域请求时不会夹带cookie的解决方法

fetch:前端请求的时候设置credentials: "include",同时需要后台配置允许浏览器response.setHeader("Access-Control-Allow-Credentials",&quo...

2018-07-06 16:26:09

阅读数 1351

评论数 0

React中使用async解决异步的问题

在React经常会有需要通过异步请求返回的数据,然后再setState到state中的操作。但是经常会因为异步的问题,导致数据显示有误,这里我通过async解决这个问题,下面是代码。async componentDidMount() { const data = await get(`ur...

2018-05-03 10:33:41

阅读数 2508

评论数 0

JS使用递归删除children中长度为空的数组

IterationDelateMenuChildren = (arr) => { if (arr.length) { for (let i in arr) { if (arr[i].children.length) { this.Ite...

2018-05-03 10:27:43

阅读数 722

评论数 0

JS中的常用数组方法

Array.from()        //可用于返回一个新的数组,传入一个字符串时,会将字符串拆分成单个字符并返回一个数组,可用于去重等Array.find()        //会返回数组中满足某个条件对应索引的值Array.findIndex()    //返回数组中满足条件对应的数组Arr...

2018-04-02 15:20:33

阅读数 112

评论数 0

dva中不通过yield发送封装的请求并且获取返回的数据

正常情况下我们会通过dispatch异步发送请求,但是数据异步导致了一些问题,所以这里我跳过了dispatch这一步,直接在函数中调用封装的请求。但是封装的请求返回的是一个promise对象,我们无法直接获取其中的数据,以下是我的处理方法,如果有更好的处理方案,欢迎提供参考学习。AddMenu({...

2018-03-28 16:26:21

阅读数 2083

评论数 0

react按需加载以及遇到的问题

export default function asyncComponent(importComponent){ class AsynccComponent extends React.Component{ constructor(props){ super(props);...

2017-12-29 14:29:29

阅读数 1779

评论数 1

react中用canvas制作渐变色的环形进度条

第一次用canvas画图,代码仅供参考; 首先创建canvas标签: canvas className={styles.progress} id="time_graph_canvas" width="240" height="240"&g...

2017-11-09 17:35:03

阅读数 3158

评论数 2

react上传图片

//form表单 form onSubmit={this.handleSubmit.bind(this)} name="fileinfo"> {/*accept限定图片上传格式,指定id,方便formData上传时获取file的数据*/} input...

2017-11-06 11:01:47

阅读数 4118

评论数 0

react强制重新渲染

在react中,state和props数据更新,就会重新render,但是当层级过深时,可能就不会触发渲染,这时候就要用到this.forceUpdate();

2017-11-06 10:47:14

阅读数 10161

评论数 0

苹果浏览器滚动会卡顿的问题

加一个属性到滚动盒子上: -webkit-overflow-scrolling:touch

2017-11-03 16:00:02

阅读数 1301

评论数 0

window.open被拦截的问题以及解决方案

因为window.open在一段异步代码或者ajax请求中执行的时候,浏览器默认是弹窗广告,所以会进行拦截。关于这个问题我有几个思路,下面和大家分享一下。1,window.location.href = '支付链接'不会被拦截,但是会在原页面进行跳转,所以不推荐;2,第二种就是网上比较常见的一种解...

2017-10-24 17:17:24

阅读数 3993

评论数 0

Antd Tabs如何修改TabPane样式

如果只希望在当前组件生效,给组件外层添加一个类名,在css样式中给添加的类名下需要修改样式的子类加:global,例如: .tabsStyle { :global .am-tabs-tab { height: 1.3rem !important; } }

2017-09-27 21:21:17

阅读数 5498

评论数 1

css修改滚动条默认样式

因为项目有需求,但是网上并没有合适的插件,就决定自己改一波样式; /*滚动条样式*/ .innerbox::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*...

2017-09-04 15:23:44

阅读数 423

评论数 0

关于react中submit如何提交其它form表单的内容

给form表单绑定一个id,然后在submit里加上form='form表单的id'即可;这里再补充两点:1,如果需要阻止submit提交的跳转,在需要提交的form表单上,添加一个onClick点击事件,在点击事件里面e.preventDefault()2,如果需要使用表单提交文件或者图片等,不...

2017-07-29 16:38:15

阅读数 3140

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭