vue中如何格式化输入时input框中v-model的内容？

我想在输入时，边输入边格式化input中的内容，如，输入银行卡号，自动四个数字空一个空格，方法本来已经实现了，监听input时间时进行格式化，但是这样的化传递给后台的数据就变成了带空格的数据，我只想改变显示内容，实际保存的不变，应该怎么办？看了网上的filter方法，发现放在v-model里面会报错，也是了computer方法，也没起作用。

<input name="bank_account" label="银行卡号" placeholder="仅支持借记卡 将放款至此账号" type="text" v-model="bank_account" @input="handleBankCardInput"  :maxlength="23" />

  handleBankCardInput(value) {
      this.bank_account = value.replace(/\s/g, '').replace(/(\d{4})(?=\d)/g, '$1 ')
      console.info(this.bank_account)
    },

尝试的computer方法：

  computed: {
    bank_account: {
      get() {
        return this.bank_account.replace(/\s/g, ''())
        // return this.bank_account.replace(/\s/g, ''())
      },
      set(val) {
        this.bank_account = val.replace(/\s/g, '').replace(/(\d{4})(?=\d)/g, '$1 ')
      }
    }
  }

阅读 27.2k

<html> <head> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> </head> <body> <div id="app"> <input @input="strFormat($event.target)"> </div> </body> </html> <script> var app = new Vue({ el:'#app', data: { account: 0, }, methods:{ strFormat:function (target) { this.account = target.value.toString().replace(/\s/g, ''); target.value = target.value.toString().replace(/(\d{4})(?=\d)/g, '$1 '); } } }) </script>

vue中如何格式化输入时input框中v-model的内容？

你尚未登录，登录后可以

不同页面之间可以通过localstorage保存响应式吗？

网站的不同域名互相跳转如何保持登录态？

Vue项目一个报错无法找到原因?

相同的HTML代码，用v-html与直接写在模板中染相表现差异巨大，如何规避？

vite项目如何导入.pem公钥更规范？

移动端切换路由后返回，视频启动播放会严重滞后，好怪？

请问前端小票打印各位是怎么做的？