- 博客(13)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 使用element-ui里面的多选框时,选一个其他的都选上了
如果出现点击一个其他的都选中或取消,就是v-model里面的是字符串,这个时候只要找到v-model里面的值为何不是数组,然后改为数组就能解决问题
2019-05-22 15:23:01
4600
原创 使用splice在当前数组特定位置插入值
在一个对象数组里面插入值 condition: [{ settingValue: '', }], addCondition(rowIndex) { this.condition.splice(rowIndex+1,0, {}) //我这里是通过获取点击当前行的索引rowIndex来实行的...
2019-05-20 14:47:35
4998
原创 使用element-ui里的多选框拿到想要的数据
arrList: []getNewList:[]<el-checkbox-group v-model="getNewList"> <el-checkbox v-for="item in arrList :key="item.id" :label="item.id">{{item.value}}</el-checkbox></el-checkbo...
2019-05-17 15:57:01
3637
原创 element-ui中将checkbox与input框进行关联
刚开始网上搜了很多,一直没看到满意的东西,后来自己就结合element-ui现有的东西写了一个,方便以后参考具体效果如下:现在的逻辑就是输入框输入条件,+可以添加数据行,√(如果第一次是添加,第二次就是修改),前面的勾选是选择创建的条件拿到当前一条的数据,然后给其他地方用,如果是没有提交过的数据不允许勾选,所有要禁用勾选//这几个是覆盖element-ui原来的样式 thead{ ...
2019-05-17 15:42:24
8153
原创 element-ui中如何拿到表格当前行的索引
@click="removeCondition(scope.$index,scope.row)"scope.$index就是当前点击行的索引
2019-05-17 09:18:12
8650
1
原创 用trim()去空格
用的element-ui,在vue中直接用 submitCondition(row) { if(row.value.trim() != '') { console.log(row); }else { console.log('输入的空格'); ...
2019-05-16 16:49:25
1525
原创 点击按钮实现radio选中和取消(attr与prop的区别)
radioclick() { $('.radio1').prop('checked',true) √√√√√√√ $('.radio2').prop('checked',false) √√√√√√√ 当要改变其状态时,如果是自带的状态要用prop,不然,不然你自己试试就知道了 ...
2019-05-13 17:15:43
304
原创 数组里面有值,但是console.log出来后打开却是空
像遇到这种情况,很可能是深浅拷贝的问题,只要此时将赋值变为深拷贝,可能会解决问题newObj = deep(obj) deep(obj) { let objName1 = JSON.stringify(obj), objName2 = JSON.parse(objName1; return objName2 }...
2019-05-10 18:12:30
7981
原创 element-ui验证数字类型的问题
当使用v-model.number验证数字的时候,第一个输入不是数字的字符可以正确的验证,当(如:5-=$%^^&…)的时候确不会提示错误信息,就算打印出来的依旧是第一次输入的对的信息,所以解决办法就是将.number去掉就能解决问题...
2019-05-08 11:37:45
2906
原创 自己总结的自定义表单验证的两种方法(element-ui)
第一种 var vm = new Vue({ el: '#coupon_goods_add', data() { var decimals = /^[0-9]+(\.[0-9]{1})?$/; var checkDecimals = (rule, value, callback) => { set...
2019-05-07 11:01:02
1528
原创 使用element-ui表单验证时,number验证一直出现提示,提示不消失
使用饿了么提供的表单数字验证时,明明输入的也是数字,但是提示的红色字体一直不消失,后来发现,就算输入的是数字,但是input输出的也是字符串,所以在v-model加上.number---- v-model.number=" " 即可解决问题...
2019-05-06 15:45:29
6053
1
原创 element-ui日期选择器里面设置时间范围(限制开始时间和结束时间)
使用:picker-pitions绑定属性在页面js中写返回的时间限制,当前选择器时间time.getTime()如果大于其开始(结束)时间,则其前面或者后面时间无法选择**效果如下**...
2019-05-06 15:11:41
25682
6
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人