weixin_42577208的博客

原创 vue在div上动态引入背景图

1. 其实引入动态背景图很简单，但是方法要对,不然一直会报错。下面是正确的方法,在我尝试了各种方法后唯一成功的一种。1、图片必须用require引入，然后跟上你的路径，之后在跟上你图片的名字参数 <div class="myDesk-page" :style="{ 'background': 'url(' + require('../../../../icons/'+backgroundImg) + ')',}"> <div class="left_

原创 2020-12-15

vue 父子传值的方法子组件父组件

原创 前端手机端解决跨域问题

前端解决跨域问题前台和后台联调进行ajax通信的时候经常遇到这个问题，你发送的请求遇到跨域了。这是控制台打印出跨域问题的错误，也是浏览器的同源限制策略。所以我们要解决跨域问题。我设置过vue.config.js进行代理。该设置的都弄了遍，结果依然报跨域的问题。怎么办呢，其实很简单，在你发送的ajax的请求头上携带一句话就能解决这个问题。header: { 'content-type': 'application/x-www-form-urlencoded', "Access-Co

原创 Object.assign有时无法拷贝某些属性的get和set用这个方法

原创 遍历数组中的选项得到某个属性值

//遍历数组中的对象得到某个属性值（返回新数组） getArrayProps(array, key) { var key = key || "value"; var res = []; if (array) { array.forEach(function (t) { res.push(t[key]); ...

原创 让数组中的字符串类型转为数字在相加

//让数组中的字符串变成数字然后相加 num=['1','2','4','5','7'] let arr = num.map(Number) let total = arr.reduce(function (sum, current) { return sum + current; }, 0);...

原创 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...

原创 v-for 遍历后的v-if显示问题

今天一早遇到的一个坑，记录一下我要实现的是用v-for遍历一个数组然后，里面有select选框有input输入框。根据select的值的变化然后对其中的一个input的框的显示与隐藏。 <div class="all_list" v-for="(domain, index) in dynamicValidateForm.domains" :key="index" :...

原创 Array.reduce的几种常用方法

Array.reduce的使用的几种方法取出数组对象中的所有单个对象值var obj = [ { name: '赵 弄', house: '毕节' }, { name: '宋 久', house: '青岛' }, { name: '张 三', house: '德州' }, { name: ' 李 四',...

原创 element 有滚动条时表格加载错位问题

试过这个方法但是没用body .el-table th.gutter { display: table-cell !important;}改成这个覆盖滚动条的样式，直接在你的父级div中加入就行 .gutter { display: block !important; width: 17px !important; }...

原创 vue element 进行excel文件上传

使用vue进行文件上传在做项目时遇到了这个问题，记录一下～1、首先我们使用element的up-load标签 <div> <el-upload accept=".xlsx" action="" :headers="headers" ...

原创 vue点击其他区域关闭下拉菜单

mounted() { //点击其他区域关闭下拉菜单 document.addEventListener('click', (e) => { if (!this.$el.contains(e.target)) this.show = false ...

原创 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&...

原创 element table 实现表格批量删除

前言：不安逸，不浮躁，牛B就是一个学习累积的过程！在写项目中遇到的坑记录一下，只是个前端小白。虽然很简单的一个问题，但是也耽误了很久的时间～记录一下～1.删除按钮的关键地方2.在表格中定义以下字段3.接下来是在data中定义你上面写的数据～4.把筛选好的数据存入你定义好的数组中5.然后写点击事件，因为后台需要的是一个字符串，所以我们把存入的数组数据转换为字符串在发送给后台-...