【Vue】v-model里使用filters过滤器


Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和v-bind表达式 (后者从 2.1.0+ 开始支持)


{{ message | capitalize }}


<div v-bind:id="rawId | formatId">div>

v-model里实现数据显示和存储格式的转换应该是双向的,例:

<a-form-model-item label="收款金额" prop="PayMoney" style="width: 100%">
  <a-input-number v-model="keepTwoNum" :disabled="isLook" placeholder="收款金额">a-input-number>
a-form-model-item>

computed: { 
  keepTwoNum: {
    get() {
      const _this = this
      return Number(_this.formData.PayMoney).toFixed(2)
    },
    set(val) {
      this.formData.PayMoney = Number(val).toFixed(2)
    },
  },
},
 
 
  参考链接:https://blog.csdn.net/jw2268136570/article/details/88733531