- 博客(20)
- 收藏
- 关注
RSS订阅
原创 前端项目中遇到的报错【一】
问题描述一：core-js/modules/es.error.cause.js 报错This dependency was not found:* core-js/modules/es.error.cause.js in ./node_modules/@babel/runtime/helpers/createForOfIteratorHelper.js, ./src/directive/permission/hasPermi.js and 5 othersTo install it, yo..
2022-03-26 03:39:11
2569
原创 前端vue项目中的bug总结（一）
问题描述：防止用户输入文本框时，带有空格username.trim();//去除空格问题描述：表格点击修改操作进行回显。将服务器返回的数据，进行回显时，将得到的值赋值给原来的form表单数据，达到回显的目的，但是当修改表单内容时，原来的表格内容也会跟着改变。所以需要用到浅拷贝的方式解决该问题。 //修改某一个品牌 updateTradeMark(row) { //row：当前用户选中这个品牌信息 //显示对话框 this.dialogFormVis
2022-03-23 20:10:05
1905
原创 vue elementUI el-pagination 分页器的使用细节
vue elementUI el-pagination 分页器的使用细节
2022-03-23 15:23:59
6942
3
原创 vue 对一个数组进行按条件筛选，满足条件的id,拼接起来
this.AddUsrAreaForm.areaIds=(this.areaList.filter(item=>item.isshow)).map(item=>item.id).toString();
2021-01-06 10:29:24
3623
原创 JS数组转字符串
this.configureInfoForm[0].deviceId = this.pendinglist.map(item=>{return item.deviceId}).join(',')
2020-11-11 17:23:19
131
原创 vue.js 点击不同的按钮，按钮相应背景颜色改变
<button @click="buttonClick(1)" :class="buttonIndex == 1?'bgcolor':''">月</button><button @click="buttonClick(2)" :class="buttonIndex == 2?'bgcolor':''">季</button><button @click="buttonClick(3)" :class="buttonIndex == 3?'bgco...
2020-11-07 15:33:28
7462
3
原创 前端echarts在项目中使用技巧总结
条形图1、红框内的设置legend: { textStyle:{ fontSize:15, color:'#fff', padding:[0,60,0,0], }, },2、设置图表的前后左边的边距grid:{ top: '12%', left: '5%', right: '0%', bottom: '20%',},3、设置横坐标字段名的颜色xAxis:
2020-11-07 15:24:34
442
原创 Element 中远程搜索的功能实现
<el-row class="search-box"> <el-autocomplete v-model="inputSearch" :fetch-suggestions="querySiteSuggestion" :trigger-on-focus="false" placeholder="请输入内容" @select="handleSelect"> <el-bu...
2020-11-03 13:49:23
701
转载 v-if 和 v-show的区别
简单来说，v-if 的初始化较快，但切换代价高；v-show 初始化慢，但切换成本低1.共同点都是动态显示DOM元素2.区别（1）手段：v-if是动态的向DOM树内添加或者删除DOM元素；v-show是通过设置DOM元素的display样式属性控制显隐；（2）编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show只是简单的基于css切换；（3）编译条件：v-if是惰性的，如果初始条件为假，则什么也不做；只有
2020-11-03 10:53:39
141
原创 el-select 下拉框中加入“全部”，点击查出所有数据
<el-select v-model="deviceSearchForm.siteId" placeholder="请选择"> <el-option v-for="item in siteList" :key="item.siteId" :value="item.siteId" :label="item.siteName"></el-option></el-select>getSiteList(){ if (!...
2020-10-29 15:50:38
2030
3
原创 javaScript 判断输入的文本是否在1到10之间
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>测试</title> <script> function validateNum(){ var x,text //首先得获得输入的值，即获得 id = "numb"的值 x = document.getElementById("numb".
2020-10-29 11:12:17
1583
原创 实现弹框的样式
实现弹框的样式<el-row class="Popup" >弹框</el-row>.Popup{ position: fixed; top:0; bottom:0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.3); display: flex; justify-content:center; align-items: center;
2020-10-28 17:29:31
344
原创 判断数组是否为空，如果为空返回一个空的数组，不为空则用空格分割
判断数组是否为空，如果为空返回一个空的数组，不为空则用空格分割res.data.forEach(item=>{item.list=item.list.length===0?[]:item.list.split('')})
2020-10-28 17:22:51
2393
原创 控制按钮是否禁用
根据后台给的字段，动态控制按钮是否禁用<el-button size="mini" type="primary" plain icon="el-icon-edit" @click="placEedit(scope.row.siteId)" :disabled = "scope.row.isPermission==1?false:true">编辑</el-button>
2020-10-28 17:20:03
501
原创 CSS水平、垂直居中的几种写法
水平居中行内元素：text-align: center块级元素margin: 0 autoabsoluteposition: absoluteleft: 50%transform: translateX(-50%)flexdisplay: flexjustify-content: center垂直居中设置line-height等于heightpositionposition: absolutetop: 50%transform: translateY(-50%)
2020-10-13 09:09:10
474
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人