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

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

<!-- 在双花括号中 -->
{{ message | capitalize }}

<!-- 在 'v-bind' 中 -->
<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