Javascript 如果长度超过一定数量的字符（VUE.JS），则禁用动态创建的特定文本输入

我有下面的Vue模板，它动态创建引导文本输入。用户可以从输入中获取Submit上的值

现在，如果文本长度超过10个字符，我需要禁用输入。从昨天起我就一直在努力。欢迎任何帮助

导出默认值{
数据（）{
返回{
项目：[]，
inputsAmount:0，
表格：[]，
禁用输入：false
};
},
方法：{
addInput（）{
让输入的数量=this.inputsAmount++；
如果（输入数量<8）{
this.items.push（{value:theNumberOfInputs}）；
}否则{
返回；
}
},
getFormsInputs（）{
让FORMSINPUTS={}，问卷=[]，overLimit=false；
console.log（this.form）；
if（本表格长度）{
this.form.forEach（（InputValue，IIInputValue）=>{
FormsInputs[“answer”+（IIInputValues+3）]=输入值；
overLimit=此。CheckInputLength（inputValues）；
});
}
控制台日志（超限）；
如果（！overLimit）{theinventory.push（theformsimputs）；}
返回调查问卷；
},
提交（）{
const theinventory=this.getFormsInputs（）；
},
CheckInputLength（pInputValues）{
如果（pInputValues.length>80）{
控制台日志（“有限激励”）；
this.disableInput=true；
返回true；
}
}
}
};

试验
提交
重置
//TODO检查如何在反应式数据中传递数据

创建

禁用输入：[

数组

data（）{
返回{
项目：[]，
inputsAmount:0，
表格：[]，
禁用输入：[]
};
},

将

：disabled=“disabledinput.includes（`input{iItem}'）”

添加到您的b表单输入属性中

<b-row class="mt-2" v-for="(item, iItem) in items" :key="iItem">
        <b-form-input v-model="form[iItem]" placeholder="Please, type your answer." :disabled="disabledInputs.includes(`input_${iItem}`)"></b-form-input>
</b-row>

向禁用的数组添加索引

checkInputLength（pInputValues，idx）{
如果（pInputValues.length>10）{
this.disabledinput.push（`input${idx}`）；//添加到数组
返回true；
}
},

工作示例：