element-ui
前端一枚
点关注 不迷路
展开
-
Vue优化:Uncaught TypeError: Illegal constructor
Vue项目进行一个优化,主要是将公共库分离出去不进行编译,遇到报错Uncaught TypeError: Illegal constructor报错bug:解决办法:mix.webpackConfig({ externals: { 'element-ui': 'Element', 'axios': 'axios', 'vue': 'Vue', 'vue-router': 'VueRouter' }});将原创 2021-07-07 16:20:44 · 3467 阅读 · 0 评论 -
element table 组件内容换行
需要每个基地独占一行,这样挤在一起确实不好看实现方法:1.需要添加js的换行符 “\n”2.需要加css样式.el-table.cells{white-space:pre-line!important;}顺利解决普及小知识:white-space的值:normal 默认。空白会被浏览器忽略。pre 空白会被浏览器保留。其行为方式类似 HTML 中的<pre> 标签。nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 &l...原创 2021-06-01 11:44:27 · 2423 阅读 · 0 评论 -
正则表达式校验手机号
手机号的正则表达式校验规则如下:validatePhone = (rule, value, callback) => { var phone=value.replace(/\s/g, "");//去除空格 //校验手机号,号段主要有(不包括上网卡):130~139、150~153,155~159,180~189、170~171、176~178。14号段为上网卡专属号段 let regs = /^((13[0-9])|(17[0-1,6-8])|(15[^4,\\D])|.原创 2021-03-18 10:49:10 · 8371 阅读 · 0 评论 -
v-model中使用过滤器
v-model不能使用过滤器(filter) 如果v-model绑定的数据需要修改格式,例如input输入框只能输入汉字,数字和字母等都需要过滤掉方法一:使用computed,但是多个框时computed不能很好的复用 <el-input style="width: 217px" v-model="tagName" type="text" size="mini"原创 2020-12-16 17:57:46 · 9547 阅读 · 0 评论 -
el-checkbox 怎么阻止冒泡事件?
问题:在el-card卡片上绑定了点击选中复选框的事件,但是点击复选框会出现冒泡,导致el-card的点击事件也触发,导致点击复选框的时候,出现点击失效的现象解决:在点击el-checkbox复选框的时候,添加阻止冒泡的处理<el-row :gutter="10"> <el-col :xs="24" :sm="24" :md="12" :lg="6" :xl="4" .原创 2020-12-15 14:32:51 · 5016 阅读 · 0 评论