随笔分类 -  Element UI

element-ui中的change事件传递多个参数的方法
摘要：相关小例子(比如,我想要目前的选中值和index) <el-select v-model="value" placeholder="请选择"> <el-option v-for="(item,index) in options" :key="item.value" :label="item.labe 阅读全文
posted @ 2023-07-28 15:16 橙子不是orange 阅读(1243) 评论(0) 推荐(0)
Element的级联 el-cascader标签中更改键名
摘要：通过:props属性来更改 阅读全文
posted @ 2023-07-28 15:00 橙子不是orange 阅读(241) 评论(0) 推荐(0)
vue编辑修改,点击取消操作时,table内的内容不变
摘要：1.父组件内 2.子组件内(使用JSON.parse(JSON.stringify(xxx值))) 进行深拷贝 阅读全文
posted @ 2021-01-29 10:35 橙子不是orange 阅读(703) 评论(0) 推荐(0)
在子组件中使用$parent获取不到父组件里的变量值?
摘要：一直用的都是this.$parent来取父组件的值,现在发现,element-UI内的组件,也是一层父组件 例如 父组件内 子组件内 console.log 打印结果 阅读全文
posted @ 2021-01-21 15:13 橙子不是orange 阅读(1903) 评论(0) 推荐(0)
VUE中使用vue-json-excel 将后台返回的json以excel表格形式导出
摘要：一、安装vue-json-excel npm install vue-json-excel -S 二、main.js中引入 import JsonExcel from 'vue-json-excel' Vue.component('downloadExcel', JsonExcel) 三、页面中使用 阅读全文
posted @ 2020-11-12 14:33 橙子不是orange 阅读(8216) 评论(0) 推荐(0)
element-ui组件中的select及cascader等内的change事件中传递自定义参数
摘要：本想在@change的方法内传个类型 @change="handleChange(val, 'sj')",但是发现不对,根本就没接收到这个sj, 正确写法是: <el-select v-model="timeSelect" @change="(val) => { handleChange(val, 阅读全文
posted @ 2020-09-07 15:34 橙子不是orange 阅读(4667) 评论(0) 推荐(1)
element 分页组件中如何实现只有上一页和下一页,以及pre-text和next-text属性使用
摘要：首先我的element版本是 方法一 使用prev-text,next-text,并且layout="prev, next"如图 方法二 手动覆盖 这两个方法都可以 实现效果 背景色的话,需要再写css (这个根据具体项目来更改) .el-pagination.is-background .btn- 阅读全文
posted @ 2020-08-27 13:57 橙子不是orange 阅读(3109) 评论(1) 推荐(0)
前端axios的post请求和get请求body+query传参的区别
摘要：前端post请求get请求内--body和query传参的区别 1.get请求只能传query参数，query参数都是拼在请求地址上的 截图官方示例 实际项目内get请求的接口 截图 2.post可以传body和query两种形式的参数 body形式参数 query形式参数 阅读全文
posted @ 2020-05-29 14:38 橙子不是orange 阅读(17677) 评论(0) 推荐(4)
element的upload组件在before-upload之后触发了before-remove方法
摘要：记录一下: upload上传组件在before-upload里return false之后自动触发了before-remove方法 1 beforeRemove(file, fileList) { 2 if (file && file.status "success") { 3 return thi 阅读全文
posted @ 2020-05-29 14:10 橙子不是orange 阅读(3532) 评论(0) 推荐(0)
element table查询时，table内显示加载中，返回空数据时显示暂无数据（即empty-text的使用）
摘要：1.先来看下table内empty-text的含义 2. 阅读全文
posted @ 2019-11-20 18:05 橙子不是orange 阅读(7691) 评论(0) 推荐(1)
vue2.0 + element UI 中 el-table 数据导出Excel （多级表格适用，无分页版） 以及 导出多个sheet的版本(评论里)
摘要：1、 安装相关依赖 npm install --save xlsx file-saver 2、组件里头引入 import FileSaver from 'file-saver' import XLSX from 'xlsx' 3、组件methods里写一个方法 exportExcel () { /* 阅读全文
posted @ 2019-09-03 17:04 橙子不是orange 阅读(5602) 评论(1) 推荐(1)
vue + Element ui 实现分页及接口对接
摘要：后台需要传的参数为name，pagesize（每页显示的条数），beginpage（当前页） pagesize设置每页10条，开始页beginpage 初始值为1 先上效果图 然后贴代码 阅读全文
posted @ 2019-08-06 16:56 橙子不是orange 阅读(2882) 评论(0) 推荐(0)
vue+element 动态设置按钮禁用状态
摘要：根据某个参数，动态改变按钮的禁用状态，status为-1时，禁用; :disabled="scope.row.status 1?true:false" 改良版 :disabled="scope.row.status 1" 直接贴代码 阅读全文
posted @ 2019-08-06 16:39 橙子不是orange 阅读(15967) 评论(2) 推荐(0)
Vue&&element-ui的resetFields()方法重置表单无效
摘要：首先贴一下代码 1.实现效果 2.相关代码 3.如何实现及注意事项 第一：给表单添加ref属性 第二：表单项el-form-item要添加prop属性，prop属性需要与input框绑定数据的最后名称一致，如v-model="form.enName", prop则应该为 prop="enName" 阅读全文
posted @ 2019-08-02 17:40 橙子不是orange 阅读(12760) 评论(0) 推荐(1)