Question

我有一个简单的数字输入，想回显在禁用输入字段中操作过的数据。

<input type='number' v-model='dm'> //this is the user input
<input type='number' disabled> //dmtoeur(dm)

methods: {
dmtoeur: function(val) {
     return (Math.round(((val/1.95583) + 0.00001)*100)/100);
}
}

在第二个输入字段中应该是用函数dmtoeur计算的第一个值。

例如：

第一输入：1
第二个（禁用）输入字段：1.96

已位于.php文件中。

Answer 1

这是一个可行的例子。可能有点矫kill过正，但我只有几分钟的时间来编写代码：）

var app = new Vue({
  el: '#app',
  data: {
    dm: 1,
    dmtoeur: 0.51,
  },
  methods: {
    calculateDmToEur: function() {
      this.dmtoeur = (Math.round(((this.dm / 1.95583) + 0.00001) * 100) / 100);
    },
  },
})

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>

<div id="app">
  <input type='number' v-model='dm' @click="calculateDmToEur()" @keyup="calculateDmToEur()">
  <input type='number' v-model='dmtoeur'>
</div>

在vuejs中处理数据并将其发布到输入字段中

1 个答案: