【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