Vue Js - 如何在加载数据后禁用所有输入

【问题标题】：Vue Js - How to disable all inputs after loaded dataVue Js - 如何在加载数据后禁用所有输入
【发布时间】：2021-04-22 14:01:13
【问题描述】：

我的表单上有很多输入。从 API 获取数据后，我循环显示所有输入。然后我想禁用它们。 我不想在我的循环中一一禁用所有输入，因为我的表单上有很多循环和输入。我想写一段代码可以解决我的问题。

我尝试使用此代码禁用它们，但它只能在加载数据之前创建的输入上禁用。

let inputs = document.getElementsByTagName('input')
for(let i = 0; i < inputs.length; i++) {
   inputs[i].disabled = true;
}

谢谢！

【问题讨论】：

标签： vue.js input disable

【解决方案1】：

如果您使用的是vue.js，那么您可以设置一个类似disable 的veriable 并像这样设置它

<template>
<input type="text" :disabled="disable">
<input type="text" :disabled="disable">
<input type="text" :disabled="disable">
.
.
.
</template>

在 vue 脚本中

data() {
   return {
   // other vars,
   disable: false,
   }
},
methods: {
   methodToLoadData() {
    // Load data
    this.disable = true;
   },
},

【讨论】：

感谢您的回答，但我有一个重要的说明。请跟随它。谢谢。你的回答不适合我的问题。
@MengsengOeng 有什么注意事项？
我不想在我的循环中一一禁用所有输入，因为...
表示多个输入标签；不循环。我不知道你怎么输入标签，你说的是多个。