- 博客(14)
- 收藏
- 关注
原创 vue在div上动态引入背景图
1. 其实引入动态背景图很简单,但是方法要对,不然一直会报错。下面是正确的方法,在我尝试了各种方法后唯一成功的一种。1、图片必须用require引入,然后跟上你的路径,之后在跟上你图片的名字参数 <div class="myDesk-page" :style="{ 'background': 'url(' + require('../../../../icons/'+backgroundImg) + ')',}"> <div class="left_
2021-01-28 09:11:43
929
原创 前端手机端解决跨域问题
前端解决跨域问题前台和后台联调进行ajax通信的时候经常遇到这个问题,你发送的请求遇到跨域了。这是控制台打印出跨域问题的错误,也是浏览器的同源限制策略。所以我们要解决跨域问题。我设置过vue.config.js进行代理。该设置的都弄了遍,结果依然报跨域的问题。怎么办呢,其实很简单,在你发送的ajax的请求头上携带一句话就能解决这个问题。header: { 'content-type': 'application/x-www-form-urlencoded', "Access-Co
2020-09-09 10:17:33
3243
1
原创 遍历数组中的选项得到某个属性值
//遍历数组中的对象得到某个属性值(返回新数组) getArrayProps(array, key) { var key = key || "value"; var res = []; if (array) { array.forEach(function (t) { res.push(t[key]); ...
2020-02-21 21:23:34
2006
原创 让数组中的字符串类型转为数字在相加
//让数组中的字符串变成数字然后相加 num=['1','2','4','5','7'] let arr = num.map(Number) let total = arr.reduce(function (sum, current) { return sum + current; }, 0);...
2020-02-17 17:54:39
1326
原创 js中数组对象去重
let object = {}; let _title = [{1:'2'},{1:'2'},{2:'3'},{3:'4'},{2:'3'}] let _title = this.titleres.reduce((item, next) => { object[next.prop] ? "" : object[next.prop] = item.push(next); r...
2020-02-10 15:13:43
131
原创 v-for 遍历后的v-if显示问题
今天一早遇到的一个坑,记录一下我要实现的是用v-for遍历一个数组然后,里面有select选框有input输入框。根据select的值的变化然后对其中的一个input的框的显示与隐藏。 <div class="all_list" v-for="(domain, index) in dynamicValidateForm.domains" :key="index" :...
2019-12-31 15:10:57
637
原创 Array.reduce的几种常用方法
Array.reduce的使用的几种方法取出数组对象中的所有单个对象值var obj = [ { name: '赵 弄', house: '毕节' }, { name: '宋 久', house: '青岛' }, { name: '张 三', house: '德州' }, { name: ' 李 四',...
2019-12-25 15:43:13
359
原创 element 有滚动条时表格加载错位问题
试过这个方法但是没用body .el-table th.gutter { display: table-cell !important;}改成这个覆盖滚动条的样式,直接在你的父级div中加入就行 .gutter { display: block !important; width: 17px !important; }...
2019-12-24 11:03:52
1531
原创 vue element 进行excel文件上传
使用vue进行文件上传在做项目时遇到了这个问题,记录一下~1、首先我们使用element的up-load标签 <div> <el-upload accept=".xlsx" action="" :headers="headers" ...
2019-12-13 09:46:22
540
原创 vue点击其他区域关闭下拉菜单
mounted() { //点击其他区域关闭下拉菜单 document.addEventListener('click', (e) => { if (!this.$el.contains(e.target)) this.show = false ...
2019-11-30 09:30:46
1563
原创 element table使用input进行模糊查找
每天积累一点·1.在input上绑定值<el-input v-model="keyword" size="medium"placeholder="输入关键字搜索"><i id="searchBtn" class="el-icon-search el-input__icon" slot="suffix" @click="handleIconSearch"></i&...
2019-11-26 10:34:51
1174
原创 element table 实现表格批量删除
前言:不安逸,不浮躁,牛B就是一个学习累积的过程!在写项目中遇到的坑记录一下,只是个前端小白。虽然很简单的一个问题,但是也耽误了很久的时间~记录一下~1.删除按钮的关键地方2.在表格中定义以下字段3.接下来是在data中定义你上面写的数据~4.把筛选好的数据存入你定义好的数组中5.然后写点击事件,因为后台需要的是一个字符串,所以我们把存入的数组数据转换为字符串在发送给后台-...
2019-11-23 15:57:07
1309
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人