vue elementui 校验 空字符串和0 会相等 解决问题

elementUI  inputt输入框限制可输入0,但在表单提交时会被校验住 

原因是 在代码中 0 = 空字符串 ,所以导致输入0后无法提交!!

var str = '';
if(str==0){
    console.log('打印了');
}

 解决方法

1.String() //把值转换为字符串
    var str = '';
    if(String(str)==0){
        consoel.log('false')
    }else{
        console.log('true')
    }    
2.值后+''
    var str = '';
    if(str==0+''){
        consoel.log('false')
    }else{
        console.log('true')
    }
3.=== //全等运算符 只要类型不同就会放回false
    var str = '';
    if(str===0){
        consoel.log('false')
    }else{
        console.log('true')
    }

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue3中,同样可以使用自定义指令来实现对字符串长度的校验和补齐操作。具体实现代码如下: ```javascript // 创建自定义指令 Vue.directive('check-string-length', { bind: function (el, binding, vnode) { // 获取输入框的值 let value = el.value; // 判断字符串长度是否是16的倍数 if (value.length % 16 !== 0) { // 需要补齐的长度 let diff = 16 - value.length % 16; // 补齐字符串长度 for (let i = 0; i < diff; i++) { value += '0'; } // 将补齐后的字符串赋值给输入框 el.value = value; // 触发输入框的input事件 el.dispatchEvent(new Event('input')); } } }) ``` 上述代码中,我们创建了一个名为`check-string-length`的自定义指令,并在其中实现了对字符串长度的校验和补齐操作。指令绑定到输入框上时,触发`bind`函数,我们可以在该函数中获取输入框的值,并判断其长度是否是16的倍数。如果长度不是16的倍数,则需要进行补齐操作,将字符串长度补齐到16的倍数。最后,将补齐后的字符串赋值给输入框,并触发输入框的`input`事件,以便其他组件能够及时获取输入框的值。 使用上述自定义指令,可以对Vue3中的字符串进行长度校验和补齐操作,确保数据的安全性和可靠性。在需要对输入框进行校验和补齐操作时,只需要将`v-check-string-length`指令绑定到输入框上即可。例如: ```html <template> <div> <label for="data">数据:</label> <textarea id="data" v-model="data" v-check-string-length></textarea> </div> </template> <script> export default { data() { return { data: '' } } } </script> ``` 上述代码中,我们在`<textarea>`标签上绑定了`v-check-string-length`指令,这样在用户输入数据时,就自动进行长度校验和补齐操作,确保数据长度符合要求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值