Javascript 如何禁用Vue中的v-model输入以防止变异

我有一个从数组中计算硬币数量的代码，这个代码允许我了解我可以从给定顺序的表中购买多少，在代码中orderSize是为了达到结果而变化的，但当我为手动输入orderSize设置一个输入区域时，这种变化会导致输入文本发生变化（如果它高于第一项金额），我不想改变文字。 我尝试添加另一个等于orderSize的变量，但同样的情况也发生了。我应该如何防止输入文本发生变异。 （尝试输入任何大于100的值，文本将发生更改） （阵列来自外包，我无法控制） （如果我不改变这个变量，我计算硬币数量的主要目标就无法实现）

newvue({
el:“#应用程序”，
数据：{
orderSize:null，
},
计算：{
计算顺序（）{
变量coinArray=[“100”、“1”]、[“200”、“2”]、[“300”、“3”]、[“400”、“4”]，
["500","5"],["600","6"]] ;
var总和=0
var sum1=0
变量i=0
对于（i=0；i

{{calculateOrder}

如果我没有看错，问题是您正在使用

-=

修改

订单大小，这将显示在输入中

如果要避免这种情况，请首先将
orderSize
的值复制到一个新变量，例如：

// Copy the variable
let size = this.orderSize
for (...){
  if (...) {
    size -= coinArray[i][0]*coinArray[i][1];
  } else {
     return sum1+size/parseFloat(coinArray[i][0]);
  }

（为了清晰起见，我删除了不相关的代码和
if
/
的内容）。
如果我读对了，问题是您正在使用
-=
修改
订单大小，这将显示在输入中

如果要避免这种情况，请首先将
orderSize
的值复制到一个新变量，例如：

// Copy the variable
let size = this.orderSize
for (...){
  if (...) {
    size -= coinArray[i][0]*coinArray[i][1];
  } else {
     return sum1+size/parseFloat(coinArray[i][0]);
  }

（为了清晰起见，我删除了不相关的代码和
if
/
的内容）