Vue.js 按enter键后v型输入工作

我在Vue工作

我的输入搜索栏在我键入的每个字母后进行过滤。我想在我按下回车键后将其过滤

谁能帮帮我吗

所有博客文章
{{blog.title |大写}}
{{blog.body}
导出默认值{
数据（）{
返回{
博客：“，
搜索：“
};
},
方法：{}，
创建（）{
这是$http
.get（“https://jsonplaceholder.typicode.com/posts")
.then（功能（数据）{
//eslint禁用下一行
控制台日志（数据）；
this.blogs=data.body.slice（0,10）；
});
},
计算：{
filteredBlogs:函数（）{
返回this.blogs.filter（blog=>{
返回blog.title.match（this.search）；
});
}
}
};

有几种方法可以实现这一点。最容易访问的方法可能是将

输入

包装成

表单

，然后使用

提交

事件跟踪要搜索的值。下面是一个例子：

所有博客文章

导出默认值{
数据（）{
返回{
搜索：“”，
博客搜索：“”，
};
},
计算：{
filteredBlogs（）{
返回this.blogs.filter（blog=>{
返回blog.title.match（this.blogSearch）；
});
},
},
方法：{
onSubmit（）{
this.blogSearch=this.search；
},
},
};

请注意，

blogSearch

仅在表单提交后设置（例如，在输入中按

enter

）

其他说明：

• 您可能需要

  修剪
  您的搜索值

• 您应该在输入中添加

  标签

---

您可以跳过使用

v-model

，而是添加一个带有设置

搜索

数据属性的

键控

事件处理程序

---

演示

newvue({
el:“#应用程序”，
数据：（）=>（{搜索：'}）
})

搜索={{search}

非常感谢。你帮了我大忙没问题。你也应该考虑一下。找到最适合你的