Element-ui
文章平均质量分 54
zuo_zuo_blog
这个作者很懒,什么都没留下…
展开
-
NavMenu 在折叠之后,鼠标滑过menu,在其他浏览器没有错误,但是在IE下,报错.Error in v-on handler: “TypeError: 对象不支持此操作“
一、bugIE系列浏览器 el-menu鼠标滑过报错:Error in v-on handler: “TypeError: 对象不支持此操作”二、解决修改element源码目录 node_modules\element-ui\lib\element-ui.common.js直接在第一行添加如下代码/* eslint-disable */(function(window) { try { new MouseEvent('test'); return fal原创 2021-03-30 11:21:48 · 280 阅读 · 0 评论 -
简单谈谈el-upload文件上传问题
1.需求因为先不要上传服务器,而是选中文件,最后以FormData形式传递给后台2.说一下el-upload的属性与方法,也是解题的关键action=""是指上传莫某个服务器,我这里没用直接上传就用#表示accept=“.apk” 限制选择文件的类型。因为我这里是还没上传服务器就要提前校验,用不了before-uploadon-preview 是点击文件返回的信息,这里没用到on-remove 是删除文件返回的信息multiple 是否支持多选文件,布尔类型on-change 是文件状态改变原创 2021-03-25 17:56:29 · 1822 阅读 · 0 评论 -
el-table表格添加点击事件并带参跳转
<el-table @row-click="openDetails"></el-table> //对应的 methods 中//点击行事件methods: { openDetails (row) { this.$router.push("/home/index/" +row.userId); },}原创 2020-12-28 11:39:24 · 3532 阅读 · 0 评论 -
el-table 中 type=“selection“ 用 v-if 判断切换时全选框失效
原因:第一个代码段里el-table 标签内增加 key="" ,key 不同表示不同表格,会重新渲染 <el-table :data=“tableData” @selection-change=“handleSelectionChange” > 此时可以了 <el-table :data="tableData" :header-cell-style="tableHeaderColor" :cell-style="{ 'te.原创 2020-12-20 15:58:30 · 1162 阅读 · 0 评论 -
el-form 中表单 动态prop(字段多语言) 的验证
1.form中对应的字段改成对象格式form: any = { name: "", url: "", title: {} };2.如上代码所示,title字段是一个对象,准备用来放各个语言对应的存储字段然后语言是可以动态切换的所以我prop就只能配合用语言变量 currentLang 来写<el-form-item label="title" :prop="`title.${currentLang}`" :rules="rules.titleRule"原创 2020-06-04 11:54:50 · 1139 阅读 · 0 评论 -
在vue+elementUI中的分页功能
<template> <!--分页功能--> <div class="deit"> <div class="crumbs"> <el-breadcrumb separator="/"> <el-breadcrumb-item> <i class="el-ic...原创 2019-11-27 18:53:19 · 189 阅读 · 0 评论 -
表单校验之根据不同的选项校验不同的表单项
方法1:参考方法2:当点击切换按钮时引发一个change事件<el-form-item label="阈值分类" prop="kind"> <el-radio-group v-model="form.kind" @change="agreeChange"> <el-radio label="单阈值统计"></...原创 2019-10-25 09:40:08 · 1510 阅读 · 0 评论 -
当vue页面加载数据时显示加载loading
vue动画过渡转载<template> <div class="loading"></div></template> <script>export default { name: 'Loading' }</script> <style scoped>.loading { ...原创 2019-10-23 15:12:48 · 12128 阅读 · 0 评论 -
el-radio-button切换引起的校验问题
1.问题:切换按钮时,两个校验都需要进行此时用到了对象添加属性https://cn.vuejs.org/v2/api/#vm-set里面的Vue.set( target, propertyName/index, value )Vue.delete( target, propertyName/index, value )2.参数:{Object | Array} target{stri...原创 2019-10-23 11:16:11 · 3571 阅读 · 0 评论 -
el-checkbox删除功能遇见的问题
handleDelete() { let url = ""; url = this.$base_url + "/version/delete"; let criteria = parseInt(this.form.type); this.$confirm("确定要删除该版本吗?", "提示", { cancelButtonCla...原创 2019-10-23 10:59:50 · 633 阅读 · 0 评论 -
判断一个数是否为整数或小数
正则表达式/^[0-9]+([.]{1}[0-9]+){0,1}$/Number()方法Number(),可以数字或字符串转成对应的小数或者整数Number(1) // 1Number(1.2) // 1.2Number(1.20) // 1.2Number(01.1) // 报错Number("01.1") // 1.1Number("1.100") // 1.1N...原创 2019-10-22 11:11:50 · 4395 阅读 · 1 评论 -
Duplicate keys detected: '0'. This may cause an update error.
错误原因<div class="info" v-for="(item, index) in currentFriend.content" :key="index"> <div class="d1"> <p v-text="item.time" class="timeBox"></p> </div>...转载 2019-10-15 17:36:10 · 273 阅读 · 0 评论 -
el-table改变表内样式
methods: { tableRowClassName({row, rowIndex}) { if (rowIndex === 0) { return 'success-row'; } else return ''; },} .el-table ...原创 2019-10-08 18:00:27 · 277 阅读 · 0 评论 -
如何改变element-ui框架的message弹框提示时间
1.2.http://element-ui.cn/#/zh-CN/component/message 官网文档原创 2019-09-19 16:07:35 · 16573 阅读 · 1 评论 -
vue使用element-ui时监听登录界面全局键盘回车事件
1.from: https://blog.csdn.net/princek123/article/details/896707762.项目问题 <div class="item-btn-cont"> <span class="login-btn" v-on:keyup.enter.native="login('loginForm')" @c...原创 2019-09-19 19:04:43 · 809 阅读 · 0 评论 -
element-ui框架的DatePicker 日期选择器默认样式的修改
参考官网:https://element.eleme.cn/#/zh-CN/component/date-picker为了去掉灰色x原创 2019-09-26 14:36:45 · 26032 阅读 · 0 评论 -
clearValidate()和resetFields()表单校验的用法和区别
1.整个表单的校验移除<Form ref="form" rule={this.rules}> <FormItem prop="name" label="姓名"> <Input/> </FormItem> <FormItem prop="age" label="年龄"> <Input/> </...原创 2019-09-26 16:07:22 · 8308 阅读 · 0 评论 -
Element 单选框 el-radio-group 点击改变触发change事件
1.代码段 <el-form-item label="会议类型" prop="kind"> <el-radio-group type="kind" v-model="form.kind" @change="agreeChange"> <el-radio label="普通会议" style="font-size: 2...原创 2019-09-26 16:38:19 · 52107 阅读 · 0 评论 -
Vue.js引入echarts、elementUI
1.下载elementUInpm install element-ui -s2.下载echarts组件npm install echarts --save3.package.json查看版本4.我们在main.js下引用我们下载的5.main.js代码import elementui from 'element-ui'import 'element-ui/lib/theme...原创 2019-09-27 19:24:54 · 420 阅读 · 0 评论 -
el-table表格去掉横线
/* el-table表格去掉横线 *//* .el-table__row>td{ border: none;}.el-table::before { height: 0px;} */更多:https://blog.cs点击更多原创 2019-10-08 10:59:01 · 3691 阅读 · 0 评论 -
vue表格之tableHeaderColor(修改表头背景色)
<el-table :data="tableData" border :header-cell-style="tableHeaderColor" style="width: 100%"> ...原创 2019-10-08 17:53:15 · 4459 阅读 · 1 评论 -
el-table的行列合并
<el-table :data="tableData2" :row-style="tableRowStyle" :header-cell-style="tableTwoHeaderColor" :span-method="objec...原创 2019-10-08 17:57:02 · 634 阅读 · 0 评论 -
element message box 确认消息,怎么改变确定和取消的位置?
1.学习fromhttps://segmentfault.com/q/10100000152232952.如题,element message box 确定在右面,取消在左面,要怎么做才能让确定在左面,取消在右面?代码:<template> <el-button type="text" @click="open">点击打开 Message Box</el...原创 2019-09-19 16:01:30 · 2809 阅读 · 0 评论