最近在做一个金额查询,验证的时候总是出现很多问题,如输入-号后,input框里是没有了,但是在model里还是绑定了,提交的时候就会报错,真的是让人很是郁闷,小数点也是input框过滤掉了,但是提交的时候也会出现。不过经过努力终于找到了一种解决方案,在这里``和大家分享一下下。
1) {
value = value.replace(/\.{2,}/g,'') // 只保留第一个. 清除多余的
value = value.replace('.','$#$').replace(/\./g,'').replace('$#$','.')
}
let repeatValue = value.replace(/[^\d.]/g,'')
// setTimeout(() => {
// el.querySelector('input').value = repeatValue
// },5)
setValueWithExpressionVue(vnode.context.$data,express,repeatValue)
},componentUpdated: function () {},unbind: function (el) {}
})
//
function setValueWithExpressionVue (currObj,expression,value) {
expression = expression.split('.')
expression.forEach(function (arg,i) {
if (i < expression.length - 1) {
currObj = currObj[arg]
} else {
currObj[arg] = value
}
})
}
放到main.js里就好了
原文链接:https://www.f2er.com/vue/31973.html