83 阅读1分钟

1、类似银行卡input输入,四个字符后自动跟一个空格

    // 类似银行卡input输入,四个字符后自动跟一个空格
    watch(guaranteeNum, (val) => {
      console.log('val', val);
      nextTick(() => {
        guaranteeNum.value = val.replace(/\s/g,'').replace(/(.{4})/g,"$1 ").replace(/\s+$/, '');
        // 手动控制光标在始终在最后
        const inputElement = guaranteeNumRef.value.$el.querySelector('input');
        if (inputElement) {
          const length = guaranteeNum.value.length;
          // 设置光标位置
          inputElement.setSelectionRange(length, length);
        }
      })
    });