![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
guohongyanghy
这个作者很懒,什么都没留下…
展开
-
正则表达式+验证IP地址合法性
标题正则表达式+验证IP地址合法性ipCheck:function(){ var reg =/^(?:(?:2[0-4][0-9]\.)|(?:25[0-5]\.)|(?:1[0-9][0-9]\.)|(?:[1-9][0-9]\.)|(?:[0-9]\.)){3}(?:(?:2[0-4][0-9])|(?:25[0-5])|(?:1[0-9][0-9])|(?:[1-9][0-...原创 2019-01-15 18:04:12 · 1670 阅读 · 0 评论 -
vue 表单常用修饰符 .lazy .number .trim
修饰符.lazy<input v-model.lazy="msg" >添加了lazy后,输入框中的数据会在change事件中同步,不会随着输入同时同步.number<inpput v-model.number="num" type="number">输入框中的数据会自动转换成Number型(整数,浮点数)这通常很有用,因为在 type="n...转载 2019-05-26 21:33:52 · 1008 阅读 · 1 评论 -
Vue调用js中的函数以及数据
js文件var myfunction = { Confirm: function (ConfirmList) { console.log('123' + ConfirmList) }, }export default myfunctionvue文件<template> </template><script>...原创 2019-04-13 13:00:10 · 19706 阅读 · 0 评论 -
Vue+element ,el-form 中的控件点击没反应问题
el-row要慎用,可能会导致el-form 中的控件点击没反应,就是根本都不会获取到焦点,解决办法:1、删掉所有的el-row2、在某些地方添加el-row,详见CDP文件...原创 2019-04-08 16:58:05 · 6113 阅读 · 1 评论 -
Vue+element 组件复用
Vue+element组件复用父组件改动部分<!--改动--><CreateDialog:createVisible.sync="createShow"></CreateDeviceDialog><el-button type="text" @click="createShow= true">创建</...原创 2019-04-11 17:01:24 · 1383 阅读 · 0 评论 -
Vue动态修改element el-table的某列数据
1、对话框打开时调用函数open@opened="checked"2、可编辑<el-table-column -------- visEdit="true" >3、同步选中的数据List:multipleSelection ,函数checked: fun...原创 2019-04-06 15:29:06 · 19487 阅读 · 0 评论 -
element+vue的table中某一行标红 ,标红指定行可以参考禁用selection某一行
<el-table :row-class-name="tableRowClassName" --------------------------> <style scoped>/deep/.el-table .warning-row { background: oldlace; }</styl...原创 2019-04-06 15:10:14 · 8572 阅读 · 5 评论 -
Vue + Element table中selection复选框禁用某一行
在禁用的函数中使用条件可以禁用多行,不需要写循环 <el-table-column type="selection" :selectable='checkboxT' width="28"> </el-table-column> //复选框 checkboxT(row, r...原创 2019-03-08 11:52:22 · 18278 阅读 · 3 评论 -
Vue中this丢失
原因:导致:1.接口请求发送不出去,显示TypeErrory错误2.语句看似不执行解决://引用this.$options.methods.getAll(this)getAll:function(vue){ //开始网络传输 vue.$http.get(protocal + ip + port + project + 'sdf/sdasd/sad/' ...原创 2019-03-04 16:32:12 · 1262 阅读 · 0 评论 -
vue+element国际化 中英文切换table表行、表头错位问题的解决
问题:中文时不错位,切换到英文后错位。中文:如下图英文:如下图 解决:<el-table-column prop="a" :label="$t('b.c')" show-overflow-tooltip="true" :width="($t('b.c')).length...原创 2019-01-16 13:28:00 · 4492 阅读 · 0 评论 -
vue + element 下拉框 选项绑定数据列表List,List动态变化后,下拉框下拉后数据不变化问题解决
原因很弱智,data中没有初始化,却直接使用,第一次对List赋值时没问题,下拉框能够找到数据,改变List中的值后,下拉框中的值不会跟着List而改变,找了一大圈,发现没有对List在data中进行初始化。...原创 2019-01-15 17:57:53 · 9685 阅读 · 1 评论 -
vue+element控件之间间距太大问题
减小控件之间的间距style="float:left" ,float:right,等等,可以使某个控件居左显示margin-top,margin-bottom,margin-left,margin-right可以控制控件之间的间距,element的控件之间间距较大,可以将这些值设置成负数来缩小间距style="margin-top:-5px"style="margin-b...原创 2019-01-15 18:00:19 · 54632 阅读 · 1 评论 -
下拉框与input输入框大小不一致问题
margin-bottom: -10px使控件之间的距离变小,可以为负数值当下拉列表 style="width:92%"时,可以与input输入框大小一致 <el-form-item style="margin-bottom: -10px; " prop="string" label="输入框:" :label-width="formLabelWidth" >原创 2019-01-15 18:00:34 · 4896 阅读 · 0 评论 -
vue判断是否是数字的正则表达式
判断是否是数字的正则表达式 var numReg = /^[0-9]+$/var numRe = new RegExp(numReg)if (!numRe.test(number)) { this.$message({ type: 'warning', message: '请输入数字 ', duration: 10000, showClose: tr...原创 2019-01-15 18:00:52 · 27568 阅读 · 3 评论 -
前端日期
例如: 2019-01-15 18:02:10.990var date = new Date() var seperator1 = '-' var seperator2 = ':' var year = date.getFullYear() var month = date.getMonth() + 1 ...原创 2019-01-15 18:02:36 · 580 阅读 · 0 评论 -
vue+element下拉列表默认值
下拉列表中的三项条目deviceSNMPList,默认选中:deviceSNMP:‘1’, deviceSNMPList: [ { key: '0', label: 'v1' }, { key: '1', label: 'v2c' ...原创 2019-01-15 18:04:36 · 17633 阅读 · 0 评论 -
vue+elment el-table 可展开表格过滤问题
1、展开内容竖向显示,横线显示参考element官网2、使用过滤器filters对展开行中的内容进行过滤3、简单的过滤可以直接 条件判断 比如{{a>b ? '大于':‘小于’}} <el-table row-style="height:22px" cell-style="padding:0" sty...原创 2019-05-23 18:29:57 · 1229 阅读 · 0 评论