Javascript Vue.js返回属性为<；=输入值

在vue.js中的一个项目上，实际上我正在返回一个对象的所有元素。
我想返回一个“WHERE”，只返回maxPeoples>=input.value的项目

这是我的密码： 型号：
模板：

脚本：

导出默认值{
名称：“应用程序”，
数据（）{
返回{
马克斯说：，
插座：[
{
id:1，
图片：'https://picsum.photos/id/100/100/60',
标题：“来自意大利的通心粉”，
准备：15，
人员:2人
},
{
id:2，
图片：'https://picsum.photos/id/110/100/60',
标题：“克罗克先生”，
准备：10，
人员:1
}
]
}
},
方法：{
setMaxPeoples（maxPeoples）{
this.recettes.forEach（recette=>{
如果（this.recette.people要返回人员少于
maxpeople
的接收列表，应使用计算列表

计算：{
过滤网（）{
const filtered=this.recettes.filter（recette=>recette.people

然后像这样使用它



虽然我觉得您应该为
maxPeoples
添加某种验证，以便用户只能设置数值。类似如下：

data（）{
返回{
_maxPeoples:“”
}
},
计算：{
maxPeople：{
得到（）{
把这个还给我
},
设置（值）{
如果（验证（值））{
这是一个值
}
}
}
}
我建议删除
@keyup.enter=“setMaxPeople”
和
v-model
，因为它是双向绑定的，您不能只从两个不同的位置设置值，即
@keyup.enter=“setMaxPeople”
和
v-model=“maxPeoples”

作为最佳实践，我将用

<input 
type="text" 
:value="maxPeoples" 
@input="setMaxPeoples()" 
placeholder="set maxPeoples">



也可以将您的方法替换为

setMaxPeoples(){
    this.maxPeoples = event.target.value
     this.recettes.forEach(recette => {
        if (recette.people <= this.maxPeoples) {
        // console.log(recette.people)
          return recette.people
        } else return false
      })
    }

setMaxPeoples（）{
this.maxPeoples=event.target.value
this.recettes.forEach（recette=>{
如果（recette.people）
setMaxPeople
不能是计算属性。您可以共享App.vuethanks的第79行吗？因此，当我在方法中放置setMaxPeople时，我有另一个错误，第79行是forEach:this.recettes.forEach（recette=>{我认为您的实现不正确。您想在这里做什么？我试图返回在input.value上人数较低或相等的接收器