前端开发中遇到常见问题总结

1、解决循环数组对象覆盖问题，有时循环一个数组push对象后，数组会是重复的最后一个对象，前面的被覆盖了

tabArr.forEach((item, index) => {

let lastSort = lastSort + 1 //排序加1

obj = { value: index, text: item, sort: lastSort } //加上sort属性为了每次循环创建是一个新对象，解决对象被覆盖的问题。

tempArr.push(obj)

})

2.vue中select框与输入框赋默认值时，不生效

在select组件中绑定change事件，change事件中调用$forceUpdate()强制刷新

3.如果使用router-link标签，加上@click事件，绑定的事件会无效

因为router-link的作用是单纯的路由跳转，会阻止click事件，此时在click后面加上.native，才会触发事件。

4.post方法传参，后台参数放在form-data中，请求接口会报错

方法：要序列化请求参数，安装一个qs序列化插件，imort引入页面，qs.stringify(请求参数)

5.ant-design-vue中日历组件a-date-picker 禁用每周具体某天或者某几天

<a-date-picker

v-model="startValue"

format="YYYY-MM-DD"

placeholder="执行周期开始时间"

style="width: 49.2%"

:disabled-date="disabledStart"

@change="changeTime"

disabledStart(val) {

return new Date(val).getDay() !== 4

6.vue前端本地导出

下载vue-json-excel插件

import JsonExcel from 'vue-json-excel'

components: { JsonExcel },

<json-excel

class="export-btn"

:data="dataSource"

:fields="jsonFields"

type="xls"

header="影院列表"

:name="excelName"

<a-button type="primary" icon="download">导出</a-button>

</json-excel>

dataSource与jsonFields在data()中定义；dataSource是列表数组，jsonFields里面表头与对应字段名称

jsonFields: {

//导出Excel表格的表头设置

匹配结果: {

callback: (value) => {

return value.matchResult == 'normal'

? '正常'

: value.matchResult == 'disabled'

? '已禁用'

: value.matchResult == 'expired'

? '已到期'

: ''

//影院编码: 'cinemaCode',

影院编码: {

callback: (value) => {

return ' ' + value.cinemaCode + ' '

影院名称: 'cinemaName',

厅数量: 'hallNum',

采购时长: 'adDuration',

服务方式: {

callback: (value) => {

return value.serviceType == 'auto'

? '线上自动'

: value.serviceType == 'manu'

? '线上手动'

: value.serviceType == 'manualOffline'

? '线下手动'

: ''

前端开发中遇到常见问题总结相关推荐

前端开发中自己常见问题
前端性能优化网站一.页面级优化 1.减少http请求 (1). 从设计实现层面简化页面 (2). 合理设置 HTTP缓存 -原则很简单,能缓存越多越好,能缓存越久越好.例如,很少变化的图片资源可以直 ...
表单html遇到的问题及处理,Web前端开发中常见问题及解决方案
Web前端开发中常见问题及解决方案时间:2017-04-24 来源:web前端开发小赢家作为一名web前端开发工程师,我们在工作时免不了会遇到各种各样的问题.因为web前端开发相对于Jav ...
第123天：移动web开发中的常见问题
一.函数库 underscoreJS _.template: <ol class="carousel-indicators"><!--渲染的HTML字符串--&g ...
前端开发中的性能那点事
前端开发中的性能那点事(一)巧用xdebug 前言: 在我们平时的php开发中,一个大的项目经过长时间的积累以后你会发现性能越来越慢,而性能到底消耗在了什么地方,常常是一个令人头疼的问题,funct ...
前端开发中的Error以及异常捕获
本文首发于公众号:符合预期的CoyPan 写在前面在前端项目中,由于JavaScript本身是一个弱类型语言,加上浏览器环境的复杂性,网络问题等等,很容易发生错误.做好网页错误监控,不断优化代码,提 ...
java backbone_[Java教程]移动前端开发中的Backbone之一：Backbone中的模型和集合
[Java教程]移动前端开发中的Backbone之一:Backbone中的模型和集合 0 2015-09-24 17:00:04 当我们开发含有大量Javascript的web应用程序时,首先你需要做 ...
【repost】一探前端开发中的JS调试技巧
有请提示:文中涉及较多Gif演示动画,移动端请尽量在Wifi环境中阅读前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能.掌握各种调试技巧,必定能在工作中起到事半功倍的效果.譬如,快速定位问 ...
初学者Web介绍一些前端开发中的基本概念用到的技术
Web开发是比较费神的,需要掌握很多很多的东西,特别是从事前端开发的朋友,需要通十行才行.今天,本文向初学者介绍一些Web开发中的基本概念和用到的技术,从A到Z总共26项,每项对应一个概念或者技术. ...
熟悉html css,编写HTML和CSS的前端开发中不一定熟悉JavaScript
原标题:编写HTML和CSS的前端开发中不一定熟悉JavaScript 作为前端开发人员,HTML.css.Java是必备的知识技能,但是现实工作工作中并非所有的前端都知道Java,根据外国一个网站的 ...

前端开发中遇到常见问题总结

前端开发中遇到常见问题总结相关推荐

最新文章

热门文章