- 博客(19)
- 收藏
- 关注
RSS订阅原创 el-select下拉框多选显示的文本内容过长导致显示溢出框外的解决方案
.box .el-form .el-select__tags-text { display: inline-block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.logMgCls .el-select .el-tag__close.el-icon-close { top: -7px;}
2021-07-09 10:58:51
3626
原创 el-table 合并表格
需求：动态合并单元格工具：avue(基于element封装的) + vue实现方法：html<avue-curd :option=“option" :data="tabledata" :span-method="getSpanMethod"><avue-curd>js合并setRowSpan(value){let rowAgg = { spanArr = [], position:0}this.tableData...
2021-05-31 11:13:57
386
原创 动态渲染el-table指定的单元格字体颜色
ui效果如下代码实现： <el-table ref="mulTip" :data="tableData.resultList" tooltip-effect="dark" border size='mini' :cell-style="cellStyle" :header-cell-style="{background:'#eef1f6',color:'#606266',borderColor:'white'}" > <el-table
2020-12-01 17:11:47
1100
原创 记录ERROR：Non-nested routes must include a leading slash character. Fix the following routes
Non-nested routes must include a leading slash character. Fix the following routes非嵌套路由 前边必须带/ 比如 path：‘/home’
2020-07-15 09:24:10
1282
原创 使用element 的form表单 调用接口赋值问题
场景：通过调用接口把查询出来的数据重新赋值给form表单，但是无法赋值原因：在data中只定义了form对象而没有设置相应的属性解决方法：给form 添加相应的属性通过this.$set() 设置相应的属性...
2020-07-02 10:18:11
2687
1
原创 有赞组件密码框控制明文还是暗文
<template> <div class="logoOA"> <div class="logoOAtitle">密码</div> <van-field v-model="form.password" center placeholder="请输入OA密码" :type="passwordShow ? 'text':'password'" >
2020-05-25 13:28:03
189
原创 vue移动端监听滚动事件实现导航栏上滑隐藏下滑显示功能
场景描述：手机端的顶部导航栏 向上滑动隐藏 向下滑动显示。<script> export default { data(){ return{ i = 0 } }, mounted () { window.addEventListener('scroll', this.handleScroll, true);
2020-05-25 10:25:59
2523
原创 el-switch 自定义样式
效果： <el-table-column fixed="right" label="审核" align="center" v-if="isShowdetails"> <template slot-scope="scope"> <el-switch class="switchStyle" v-mo...
2020-04-30 11:12:59
3362
原创 el-input赋值回显，校验未关闭解决办法
需求：一个输入框 在用户focus的时候给一个选择的弹窗进行进行单选 然后回显给当前页面的e-input输入框问题：每次回显的时候校验不通过解决办法：使用validate-on-rule-change 默认为true 改成false就好了解决代码 <el-form :model="ruleForm" :...
2020-04-29 09:13:28
2246
原创 前端开发常用的UI框架
npm install vue-print-nb --save 打印npm install carddragger //拖拽PC端ViewUI //https://iviewui.com/element //https://element.eleme.cn/#/zh-CNlayui //https://www.layui.com/UIkit //http://www.getuik...
2020-04-26 18:53:35
448
原创 判断对象是否包含某个指定的属性
1.通过的对象的点方法判断是否有这条属性let obj = { name:"zhangsan}//获取自身属性obj.name obj['name']console.log(obj.name) //"zhangsan"console.log(obj.age) // "undefined2. in 运算符 如果指定属性在指定的对象或其原型链中，则in运算符返回truelet o...
2020-04-24 22:19:12
766
原创 使用el-date-picker 设置默认日期和时间范围
首先需要了解一下 new Date() 这个方法var d = new Date();d .getFullYear(); //获取完整的年份(4位)d .getMonth(); //获取当前月份(0-11,0代表1月)d .getDate(); //获取当前日(1-31)d .getDay(); //获取当前星期X(0-6,0代表星期天)d .getTime(); //获取当前时间(从...
2020-03-30 15:07:13
21127
原创 前端下载二进流文件
通过a标签实现下载功能<a href="下载地址" download="文件名.txt">点击下载</a>window.open()方法url ：为后段提供的地址window.open(url)使用场景 后台提供的是接口 需要在接口中携带token，使用axios 发送请求 后台返回的是二进流文件methods:{download(){ ...
2020-02-27 15:32:11
173
原创 安装nvm进行管理node版本
如果您之前安装过node 那么在安装nvm之前先卸载node1.下载nvm链接: 点击下载地址.nvm-noinstall.zip： 这个是绿色免安装版本，但是使用之前需要配置 具体怎么配置 我没也没去研究nvm-setup.zip：这是一个安装包，下载之后点击安装，无需配置就可以使用，方便（这个是我使用的）。2.安装解压下载的zip，点击nvm-setup.exe文件并运行3.执行...
2020-01-18 23:53:09
317
原创 css篇文本省略号显示
首先了解css属性white-spacep { white-space: nowrap //规定段落中的文本不换行 }在我们的工程中经常要遇到的问题就是文本超出我们规定盒子的尺寸那么我们就要用到white-space 属性//在一行显示的box { white-space:nowrap;/* 规定文本是否折行 */ overflow: hidden;/* 规...
2019-12-16 23:35:31
130
原创 数据结构之数组篇
数据结构之数组篇什么是数组？Array 对象用于在单个的变量中存储多个值。数组对象的作用是：使用单独的变量名来存储一系列的值。创建和初始化数组let arr = new Array() //声明并初始化一个数组let arr = [1,2,3] // 推荐这种方式声明数组Array常用方法push ：向数组的末尾添加一个或更多元素，并返回新的长度let a = [1,2,3]...
2019-12-03 23:56:54
120
原创 如何保持浮动层水平居中
面试题之CSS：如何保持浮层水平居中1、利用绝对定位和transform实现（也可以不固定宽高，子盒子需添加内容）2、利用flex弹性布（也可以不固定宽高，子盒子需添加内容）3、利用display:table-cell4、利用宽度等分的方法实现水平居中待续。。。。1、利用绝对定位和transform实现（也可以不固定宽高，子盒子需添加内容）<div class="parent">...
2019-12-03 09:57:11
171
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人