自数值+ vuejs +数组

Question

我正在使用vue-autonumeric格式化数字字段，但是当我尝试从v-内部的数组格式化值时，会发生一些问题。我认为这是我对流程或变体的流行程度的一个问题，因为v-money插件发生了相同的问题，这使我测试了vue-autonumeric插件。

单击编辑按钮时，我将执行以下操作：

this.comp_frete = null;
this.comp_frete = [];
this.comp_frete = [{vlr: 8888}];
this.comp_frete = [{vlr: 9999}];
this.comp_frete = [{vlr: 7777}];

在模板中，我有

<tr v-for = "(row, index) in components">
    <td>
       <vue-autonumeric
           v-model = "row.vlr"
           : placeholder = "'Value'"
           : options = "{
               digitGroupSeparator: '.',
               decimalCharacter: ',',
               currencySymbol: '$',
               currencySymbolPlacement: 'p',
               roundingMethod: 'U',
               minimumValue: '0'
           } "
        > </ vue-autonumeric>
    </ td>
</ tr>

但是当尝试渲染时，该值未填充，并且发生以下错误：

  

[Vue警告]：道具无效：道具的自定义验证程序检查失败   “值”。位于

     

警告：给定值“％0.00”不能转换为数字   一个，因此无法正确使用。

     

警告：您尝试设置的值将在NaN中显示。元素   值设置为空字符串。