element组件的使用
Lisa_Xiaotouzi
这个作者很懒,什么都没留下…
展开
-
elementUI el-input关键字模糊查询el-table数据 不改变原始数据
1.源代码:需要一个 el-input 和el-table>>dormitoryTable>>:data="tables" 绑定的数据>>tableData: [] 声明并初始化表格数据,记得添加对应数,我这里是在初始化的时候以及获取了后端传给的数据2.在computed中添加模糊搜索方法tables// 模糊搜索 tables() { const search = this....原创 2020-05-25 17:17:49 · 1605 阅读 · 5 评论 -
vue的回车键触发事件不响应问题
(1)按钮设置回车键事件时,》》如果是input(常规组件),则 @keyup.enter="onSubmit" 》》如果设el-input(elementUI组件),则要添加.native ====》即 @keyup.enter.native="onSubmit"(2)methods中的处理事件:onSubmit: function(ev) { if(ev.keyCode == 13) { //处理数据代码 }}...原创 2020-05-11 16:32:47 · 1569 阅读 · 0 评论 -
vue中 element-ui 的 el-input 的回车键监听事件的几种方法
(1)@keyup.enter.native绑定监听事件组件:<el-input v-model="input1" @keyup.enter.native="submit1"></el-input>监听事件:submit1: function(event) { alert("1.您输入的数据为:" + this.input1 ...原创 2020-01-14 16:08:53 · 3001 阅读 · 0 评论 -
前端 英文时间格式转化为中文时间格式
后端传过来的时间格式是英文时间格式2.更改格式代码,formatdate(time)函数写在methods内formatdate(time) { var d = new Date(time); var curr_date = d.getDate();...原创 2020-01-13 10:37:39 · 1793 阅读 · 0 评论 -
element ui Loading 加载的使用
(1)调用后台接口获取数据时,启动loading加载,启动代码如下:const loadingObj = this.$loading({ lock: true, text: '加载中...',...原创 2020-01-13 10:35:19 · 1293 阅读 · 0 评论 -
element ui 表格table组件 动态表头自定义渲染
常规的引用绑定方法由于项目要设置动态表头,所以不能用常规的方法直接引用组件,需要对表头数据进行自定义处理1.引用 el-table2.tableData2的字段属性和tableLabel的prop对应(tableLabel有的tableData2也要有,是关联赋值的关系)...原创 2020-01-10 10:12:06 · 1958 阅读 · 0 评论 -
element ui 防止多次触发按钮单击事件(或防止多次提交数据)
添加提示,使按钮点击提交数据时,按钮不可以再操作,防止数据重复提交,防止多次触发事件提交数据给后端时,点击提交后,整个页面都应该处于不可操作的状态,在表单的中间位置显示对应提示,可以让用户知道自己所做的操作。(1)按钮单击时触发的事件:@click=“tijiao()”(2)在单击事件内添加提示信息的代码(3)在单击事件的处理代码结束后,关闭提示信息:loadingObj.close(...原创 2019-12-30 10:44:19 · 5280 阅读 · 0 评论