随笔 - 315  文章 - 1  评论 - 12  阅读 - 24万

随笔分类 -  element_ui

1 2 下一页
el-table动态表头踩坑
摘要:// 获取表格动态表头 getTableHead(data){ let _list = []; if(Array.isArray(data) && data.length>0){ data.forEach((item, index) => { let obj = {} item.evaluateVa 阅读全文
posted @ 2023-11-28 11:51 小虾米吖~ 阅读(136) 评论(0) 推荐(0) 编辑
el-select 多选数据回显id,需要回显label(数据类型对应上了还回显id)
摘要:背景分析: 使用 el-select 组件选择职位标签(职位标签数据来源为已选择职位类别下的职位标签);于是我使用了@focus事件获取当前职位类别下的职位标签。如下图: js: /*选择职位标签*/ checkPositionTag() { let _this = this; if (_this. 阅读全文
posted @ 2022-07-11 14:31 小虾米吖~ 阅读(5191) 评论(0) 推荐(0) 编辑
vue change阻止默认事件-已解决
摘要:背景:复选框内部有个数量增减选项,并且两个都是change事件。当触发内部数量增减事件时,外部的复选change事件也会触发,体验很不好。 使用事件 @click.stop.native.prevent 解决 (使用 @click.stop 或者 @click.prevent都无效,直接报错还阻止不 阅读全文
posted @ 2022-01-17 10:12 小虾米吖~ 阅读(1061) 评论(0) 推荐(0) 编辑
element-ui 表单(添加和修改使用同一个)重置 && 开关(关键点)
摘要:如果是使用数字的话,这两个属性前面要加:否则不能识别出数据,会认为“1”,“0” 是字符串,导致开关状态一直为关闭状态 2、表单重置 添加数据弹框显示之前使用 this.form = Object.assign({}, undefined);//重置表单使用下面的方法无效,要么就是重置后只能添加第一 阅读全文
posted @ 2022-01-13 11:05 小虾米吖~ 阅读(624) 评论(0) 推荐(0) 编辑
element-ui 添加和修改使用同一个表单清除表单数据和验证!!
摘要:关键点: this.form = Object.assign({}, undefined); // 重置表单 单独使用这个无效this.$nextTick(() => { this.$refs['ruleForm'].clearValidate(); this.$refs['ruleForm'].r 阅读全文
posted @ 2022-01-12 16:10 小虾米吖~ 阅读(492) 评论(0) 推荐(1) 编辑
时间选择器datetimerpicker封装使用(非脚手架)
摘要:datePicker.vue 封装 <template> <el-date-picker v-model="currentTime" type="datetimerange" :picker-options="pickerOptions" range-separator="~" format="yy 阅读全文
posted @ 2022-01-12 09:51 小虾米吖~ 阅读(237) 评论(0) 推荐(0) 编辑
使用httpVueLoader加载vue单页面---不用脚手架的方法
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>游戏资源管理系统</title> <link rel="stylesheet" href="{$__TMPL__}/home/index/static/css/ 阅读全文
posted @ 2022-01-12 09:39 小虾米吖~ 阅读(2483) 评论(0) 推荐(0) 编辑
element-ui树状table子节点和父节点区别开展示不同操作按钮
摘要:需求:在父节点(一级)展示【下载】按钮,子节点【二级】展示【查看】按钮 <el-table :data="tableData" style="width: 100%" border lazy row-key="id" :fit-columns="['name', 'lh_version']" def 阅读全文
posted @ 2022-01-12 09:04 小虾米吖~ 阅读(3792) 评论(0) 推荐(1) 编辑
element-ui自定义图标使用(引入项目图标是小方框)
摘要:iconfont网站下载自定义图标后 1、修改文件:iconfont.css文件; 2、main.js中引入图标: 然后小方框就没有了。 阅读全文
posted @ 2020-02-20 16:04 小虾米吖~ 阅读(1517) 评论(0) 推荐(0) 编辑
vue创建脚手架 cil
摘要:1、检查环境是否安装好了!node -vnpm -vnpm install -g cnpm -registry=https://registry.npm.taobao.orgcpm -v (版本与npm的不一样的) cnpm@6.0.0 全局安装vue-clicnpm install -g vue- 阅读全文
posted @ 2019-07-23 16:01 小虾米吖~ 阅读(246) 评论(0) 推荐(0) 编辑
Vue 循环为选中的li列表添加效果
摘要:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Vue 循环为选中的li列表添加效果</title></head><style> li{ list-style: none; } .active { background: rgba( 阅读全文
posted @ 2019-07-18 14:41 小虾米吖~ 阅读(888) 评论(0) 推荐(0) 编辑
vue+element-ui 字体自适应不同屏幕
摘要:项目背景:屏幕自适应问题,当在不同分辨率的屏幕上显示页面时,页面的字体需要根据屏幕大小来自适应,想到使用rem作为字体的单位 vue-cli脚手架下的index.html中写入以下js脚本 阅读全文
posted @ 2019-07-17 15:01 小虾米吖~ 阅读(6170) 评论(0) 推荐(0) 编辑
el-tree文本内容过多显示不完全问题(解决)
摘要:布局: 样式: 另外:input框获取文本内容时,内容过长显示不完全也会将文本框内末尾的图标覆盖,看上去杂乱无章,原理同上,背景同上(也是使用的el-card包裹,左右拖动dragbar文本框的宽度会变化,也是动态的) 阅读全文
posted @ 2019-07-05 10:20 小虾米吖~ 阅读(2657) 评论(0) 推荐(0) 编辑
el-table翻页序号不从1开始(已解决)
摘要:法一:赋值方式(亲测有效) 然后再在methods内写页码的返回值 : 法二:其他博主分享的方式: 亲测该方式不行,控制台直接报错!各位可根据自身情况选择方式。 阅读全文
posted @ 2019-07-03 17:33 小虾米吖~ 阅读(742) 评论(0) 推荐(0) 编辑
布局中元素由于浏览器窗口变化被挤下来(解决)
摘要:在项目开发中,遇到一个问题,布局分上中下三个级,上面放form表单中的操作按钮等,中间放table表格显示数据,下面是表格的分页器;其中表格的高度设置方式为 calc(100% - 90px);意为总的高度100%减去上面form和下面page的高度和(90px);这样做的缺陷是当窗口缩小后,高度超 阅读全文
posted @ 2019-06-05 10:51 小虾米吖~ 阅读(908) 评论(0) 推荐(0) 编辑
easyui—element-ui框架套用(表格宽度自适应)
摘要:外层使用easyui框架中window组件,便于使用最大化功能;内部表格使用element-ui在的el-table,el-table列宽须设置为最小宽度才能在最大化窗口时列表中列宽自适应window窗口的宽度,否则就是扒在一堆的,很难看。 字段写法 阅读全文
posted @ 2019-06-04 14:43 小虾米吖~ 阅读(1675) 评论(0) 推荐(0) 编辑
屏幕自适应问题:设置方式(百分比减去固定值)
摘要:自适应:项目中使用定位将元素放在指定位置,浏览器窗口缩小布局不变,即元素位置布局不变: 格式: 注意格式:left:“calc(100%-200px)” ,需要使用双引号,否则报错,一般用于行内。可将元素放在任何想要放置的地方且自适应。 阅读全文
posted @ 2019-05-22 18:01 小虾米吖~ 阅读(389) 评论(0) 推荐(0) 编辑
element-ui—dialog使用过程中的坑
摘要:场景一:我们将dialog写成一个可复用的公共组件用于显示不同内容(如表格操作中的修改或添加的弹窗),之后发现dialog的遮罩将弹出层(点击修改或添加后理应由一个弹窗显示出来)都盖住了,而我想要的效果是遮罩只遮住旧的窗口,而当前窗口应该完全显示; (注:表格是使用easyui的panel和wind 阅读全文
posted @ 2019-05-17 17:55 小虾米吖~ 阅读(4246) 评论(1) 推荐(0) 编辑
elemet-ui图标—特殊字符的unicode编码表
摘要:https://blog.csdn.net/lurr88/article/details/79754811 阅读全文
posted @ 2019-03-20 18:08 小虾米吖~ 阅读(941) 评论(0) 推荐(0) 编辑
element-ui修改全局样式且只作用于当前页面
摘要:1)修改组件的样式,但是只作用于当前页面,其他页面不受影响,做法有两种: 法一:使用关键字“/deep/” 1)在当前页面添加样式: <style lang="scss" scoped> 自定义类名 /deep/{ element ui选择器类名{ 样式 }} </style> 2) :在其他页面写 阅读全文
posted @ 2019-03-06 11:39 小虾米吖~ 阅读(2096) 评论(0) 推荐(0) 编辑

1 2 下一页

点击右上角即可分享
微信分享提示