Vue搜索筛选器复选框问题
是指在Vue开发中，使用复选框作为搜索筛选器时遇到的问题。
问题描述： 在开发过程中，我们需要使用复选框来实现搜索筛选功能，但是遇到了一些问题。
解决方案：
- 首先，我们需要在Vue组件中使用v-model指令来实现双向绑定，将选中的复选框的值与数据模型进行关联。
- 确保复选框的value值能够唯一标识该选项，这样在搜索筛选时能够正确匹配。
- 使用计算属性来处理复选框的选中状态。根据选中的复选框的值，动态生成一个包含所有选中值的数组。
- 在搜索筛选时，根据生成的数组来过滤数据源，只显示符合筛选条件的结果。
- 如果需要对复选框的选项进行动态渲染，可以使用v-for指令结合数据源动态生成复选框。
应用场景： Vue搜索筛选器复选框问题适用于需要在Vue项目中实现多条件搜索筛选功能的场景，例如电商网站的商品筛选、数据列表的条件过滤等。
推荐的腾讯云相关产品： 腾讯云提供了丰富的云计算产品，适用于各种场景和需求，推荐以下产品：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
以上是关于Vue搜索筛选器复选框问题的完善且全面的答案，希望能够满足您的需求。如有更多问题，请随时提问。
相关·内容
我需要在vue multiselect 中选择所有和取消选择所有功能
以下是问题说明/要求：
MainArray=1112,1113,1115,6667,6668,6669,1199,1144
当我键入111时，vue multi将只显示：
1112,1113,1115
现在，我需要一个选项来选择这三个项目，只需一次单击，并需要将这些项添加到
selectedArray=1112,1113,1115
当我再次键入66时，vue多选择将显示
6667,6668和6669
现在我需要选择所有这三项，从而使
=1112,1113,1115,6667,6668,6669 selectedArray
现
浏览 1提问于2020-06-13得票数 0
回答已采纳
还是新来的。我目前面临的问题是：
我们有一个vue前端，它有一个视图/页面，列出产品，类似于amazon在一个类别中所做的事情。我们有一个组件，就像amazon的右边栏一样，允许用户在多选项复选框上进行筛选。
对于一些上下文，在第一个实例中，我们首先向后端请求初始搜索(想象一下进入amazon宠物产品类别页面)，然后返回一个过滤后的第一个列表。我们还实现了偏移分页，以便单击页面2，将请求相应的产品列表的后端。
当我们试图过滤结果，同时保留产品的页数时，问题就出现了。
每次在“搜索”组件的前端发生更改时，我都会向后端发出请求，不管是文本框/输入，还是多选中复选框。让后端(rails)执行sql搜
浏览 3提问于2022-11-29得票数 0
回答已采纳
我使用的是更好的外露过滤器模块和有男朋友字段是Boolean Yes/No字段类型的内容。
我目前的看法是：
📷
当我单击“是”复选框时，会得到：
📷
我的任务是，当不选中复选框时，它只会显示没有男朋友的女孩：(请忽略这里的过滤器，我只是展示了它来解释我的问题，过滤器不应该有No，它应该是默认的过滤器)
📷
我可以使用上面这样的多重复选框来实现这一点，但是我有要求只显示没有男朋友的女孩作为默认的显示列表。当选中“是”复选框时，会隐藏所有没有男朋友的女孩，只显示有男朋友的女孩。
当我搜索像这和这这样的问题时，很少有类似的问题，但是答案不能满足我的要求。
浏览 0提问于2013-11-03得票数 2
回答已采纳
1回答
我有一个json的数据和几个复选框，可以根据选中的项目过滤掉数据。我用谷歌搜索了很多，但我不能理解这个问题。在data()中，我有绑定到几个<input id="someId" value="someValue" v-model="checkedFilters" type="checkbox" />的checkedFilters: [] 现在，我使用v-for并遍历showFilteredResults showFilteredResults: function() {
// Missing: Filter u
浏览 21提问于2019-09-15得票数 0
回答已采纳
我现在正在做zii.widgets.grid.CGridView，我想要显示状态字段，并在下拉列表中显示多个复选框来搜索状态。
因此，在具有多个选择的下拉框中应该有复选框。
目前我得到的结果如下图所示
但是要用下拉列表中的多个复选框替换
浏览 2提问于2014-09-11得票数 0
回答已采纳
1回答
我制作了两个Vue.js多重复选框过滤器的例子：“作业”和“游戏”。
“工作”：
“游戏”：
//“Jobs”
computed: {
filteredJobs() {
return this.jobs.filter(({ id, userId }) => {
return (
(this.checkedUserIds.length === 0 ||
this.checkedUserIds.includes(userId)) &&
(this.checkedIds.length === 0 || this.checke
浏览 1提问于2019-10-30得票数 0
回答已采纳
1回答
我试图使用一个文本字段和两个复选框筛选器(body，tag)创建一个搜索视图。搜索文本将只搜索选定的字段，并将结果显示为摘要。
我尝试过在视图中使用组合字段筛选器，但是所选的筛选器都已启用。有办法通过复选框切换过滤器吗？
浏览 0提问于2015-02-27得票数 1
我创建了一个简单的搜索，使用三个筛选选项“包含任何一个单词”、“所有单词”和“”，如下图所示。
我使用了Search，然后用它创建了一个视图。
对于公开筛选器，我选择了"FullText搜索“，并将其公开如下：
📷
它向我展示了这样的一页：-
📷
现在，它运行良好，但我想要复选框而不是下拉列表。为此，我安装了更好的暴露过滤器，但它没有给我显示复选框的选项.如图所示：
📷
我错过了什么，这不允许我显示复选框：我将非常感谢你的帮助。我只需要把它们转换成复选框。
浏览 0提问于2014-03-04得票数 2
我有两列数据，我希望使用条件高亮显示来找到这两列中的准确匹配。然而，使用这样的公式会发现许多不正确的匹配：
=MATCH(A1,B:B,0)>0
有很多部分匹配，所以单元格突出显示我不想要的。我想要的是“查找&替换”对话框中的“匹配整个单元格内容”复选框。
为了说明这一点，Excel似乎会执行部分匹配--这里是“查找和替换”对话框，而不检查“匹配整个单元格内容”，并对所有匹配进行示例搜索：
搜索所有匹配，任何匹配
Vs.带有复选框的对话框勾选并显示结果：
搜索所有匹配项，匹配整个单元格
但这只适用于查找和替换。如何更新上面的公式以同样的方式工作
浏览 5提问于2016-12-09得票数 1
回答已采纳
3回答
我有这样的搜索输入：
<input type="text" v-model="searchHero" placeholder="Search Hero">
这个“产出”领域：
<div class="item wrapper" v-for="hero in filterSearch">
{{ hero.image }} <br>
{{ hero.name }} <br>
{{ hero.bookmark }} <br>
</div>
浏览 0提问于2018-01-30得票数 2
回答已采纳
1回答
我使用地址字段模块与搜索api和facetapi模块。
我要一个两个字段的过滤器，城市和邮政编码。这将是一个自动完成字段。
我使用了搜索API组合字段模块。创建具有下列配置的组合字段筛选器：
Imitate field : Address » Locality (i.e. City)
Contained fields : Address » Locality (i.e. City), Address » Postal code
但问题是，在facet设置中，我只能看到带有复选框小部件的链接和链接。没有自动完成部件。
其次，当我从链接和带有复选框的链接中选择一个小部件时，它只会在搜索页面上显示城
浏览 0提问于2016-03-29得票数 1
回答已采纳
我有一个用drupal构建的wiki，它有一个分类类别工作组，分配给用户和文章。我使用带有facet的apache搜索模块，我的最终目标是设置搜索，这样在默认情况下，当用户搜索文章时，只显示来自工作组的文章。
也就是说，当他们从搜索框中启动搜索时，他们应该获得与/search/site/hello?f[0]=im_field_kb_workgroups%3A4529相同的结果(其中4529是一个工作组id)，而不仅仅是/search/site/hello (当前行为)用户仍然可以通过删除facet块中的复选框在其他工作组方面进行搜索。
我几乎可以通过黑客攻击apachesolr模块(不推荐我知
浏览 3提问于2014-11-12得票数 0
如何在jqgrid中获取列过滤时的表单数据
我使用了外部复选框，也使用了来自的更新的应答代码。
我已经使用了工作示例参考
jQuery("#list451").jqGrid({
url:'getList.php?mode=result_list',
datatype: "json",
height: 255,
width: 600,
colNames:['Index','Name', 'Code','Result'],
colModel:[
{name:'item_
浏览 1提问于2014-09-17得票数 0
回答已采纳
1回答
如何进行复杂的分类搜索？将我的drupal数据库简化为以下示例(引号中的数字是drupal分配的分类编号)：
Node=博客、故事、问题、论坛
下面是分类法下拉列表框
作者= A.Tan(1)，B.Chua(2)，C.Smith(3)，D.Perez(4)类别=小工具(5)，食物(6)，电影(7)，娱乐(8)
我想做一个复杂的搜索，例如，B.Chua的所有博客只涉及电影类别？我几乎可以通过预先搜索来实现这一点，因为它允许复选框搜索特定的节点，但是分类法不接受空白或asterix作为搜索词。
浏览 0提问于2011-04-29得票数 3
3回答
我有一个带有公开过滤器的页面视图(4个带有ajax调用的复选框)，用户可以对其进行更改。
我想要更改默认搜索，改为只搜索显示在此视图中的结果。
我怎么能这么做？
浏览 0提问于2012-05-24得票数 1
1回答
我正在使用Drupal7构建一个产品评论站点。产品评论搜索页面是使用视图3和更好的公开过滤器构建的。我需要一个公开的价格字段的过滤器，其中包含作为复选框的价格范围。我已经为价格设置了一个具有适当范围的分组暴露过滤器，使过滤器允许多个选择，然后实现hook_form_alter以将过滤器设置为带有BEF复选框的主题。现在唯一的问题是过滤器的where子句使用AND子句而不是OR子句搜索范围。因此，我希望用户选择多个价格范围，结果包括任何一个价格范围内的产品，但相反，搜索是查找两个范围内的产品，结果是没有产品。
我曾尝试使用hook_views_query_alter，但无法输出像dsm('
浏览 11提问于2013-01-26得票数 2
回答已采纳
1回答
我一直在和Vue-cli一起学习Vuejs。
我想弄清楚props和$emit是如何工作的。
有一件事我无法理解，那就是如何处理与服务器组件相关的function。
All、Ongoing、Done按钮应该根据每个复选框的值筛选列表，其颜色在活动时变为绿色。
我不知道把目前我在ListTodo.vue中添加的ListTodo.vue内容放在哪里，因为它们在Swichers.vue和ListTodo.vue中都是相关的。
我的代码是：
如果有人知道，你能告诉我怎么做吗？
谢谢
浏览 3提问于2020-05-31得票数 1
回答已采纳
Drupal版本: 8.2.0
模块“更好的暴露过滤器”版本:8.x-3.0-字母1
简而言之：
:
我创建了一个带有公开过滤器的视图。当我使用操作符“是所有的”从我的暴露过滤器，所有的工作。我公开的过滤器在select/option列表中显示了一些标记。我下载并安装了模块“更好的公开过滤器”，以便将公开过滤器显示在复选框中，而不是select/option列表。如果为其配置公开筛选器以显示复选框，则视图将不显示结果。
详细
:
我创建了“文章”类型的三个简单内容：
食谱一(标签‘成分’：盐，糖)
食谱二(标签‘成分’：超级辣椒)
食谱三(标签‘成分’：胡椒，盐)
我创建了一个非常简单的视
浏览 0提问于2016-10-23得票数 0
我正在处理我的第一个Vue.js项目，其中包含JSON数据，这些数据应该通过几个属性进行过滤。我需要在Vue.js上进行复选框筛选。我有两个。它们单独工作，但当我尝试组合它们时，它们不起作用。以下是我的代码：
<template>
<div id="app1">
<div v-for="userId in userIds" class="check-userid">
<input type="checkbox" v-model="checkedUserIds
浏览 18提问于2019-10-25得票数 2
回答已采纳
当用户使用session_start()从页面上的6个选择下拉框中选择db搜索筛选条件时，当用户使用session_start()从页面上选择一个db搜索筛选条件，并且会话变量被设置为用户选择的6个选择框值时，目标是在页面之间保存一些数据，因为单击搜索按钮调用一个Laravel控制器操作，其中会话是session_start()，并且为会话设置了6个选择框变量。
目标是重置当单击“搜索”按钮时填充的会话变量中的复选框，保留由用户选择的复选框选择条件，这样他们就不必再次重新选择6个复选框。这些选择框选择值存储在会话变量中；
在返回成功搜索后，当刷新时，会话变量将在masterlayout.bla
浏览 0提问于2019-02-17得票数 0
1回答
任何指导都很感激。在vue过滤器中使用分页器时，我会把我的其他过滤器搞砸。我把一些代码复制到这个小提琴上：
将页面作为过滤器添加到HTML部分的第23行，它将禁用搜索和通过单击列标题进行排序的能力。
<tr v-for="item in items | filterBy searchText | orderBy sortparam order | paginate">
如果您删除小提琴内的分页过滤器，您将看到您可以排序和搜索.我把每个值都带到了控制台上--看起来所有东西都是好的，不管有没有分页过滤器，因此我想不出如何解决这个问题，或者我可能错过了什么。
谢
浏览 2提问于2016-01-20得票数 0
回答已采纳
3回答
在视图中公开搜索字段
、、、
我可以为node:title和node:body添加一个筛选器，但是对于内容有两个独立的搜索字段。我也有一些其他公开过滤器(复选框)，但我需要的不是两个搜索字段，只有一个正常的搜索字段。对怎么做有什么想法吗？
浏览 0提问于2011-06-22得票数 3
回答已采纳
我有一个DB/model字段，它具有可空的bool类型(它是布尔型，但可以是null)。在ActiveForm或GridView中将其显示为单个字段并进行搜索是没有问题的：
$query->andFilterWhere(['is_manager' => $this->is_manager,]);
但是，如何在ActiveForm中显示它，以便在元素列表中进行搜索，以防必须将其显示为两个复选框？示例：
因此，客户端可以选择以下选项：
用户是管理人员。
用户不是管理人员。
两者都有
它们都不是
UPD:我试着解释一下:这是一个由L
浏览 0提问于2019-03-28得票数 0
1回答
我希望获得复选框值，并使用v-model将其存储在数组中，第一个实例是我切换了一个没有注册的复选框，但当我检查第二个复选框并单击submit第二个值寄存器时，另一个问题是，当我尝试选择多个复选框时，它只会在触发handleClick函数后记录最近的复选框。我还尝试过控制台日志记录filter.filtProv，它只记录最近检查过的内容。
//vue app
var filter = {
filtProv: reactive([]) as String[]
}
var temp: any = []
let handleClick = () =>{
temp.push(filter
浏览 10提问于2022-03-04得票数 0
我是MS Access的新手。我正在尝试构建一个表单，我可以通过单击复选框来应用预定义的条件来过滤该表单。在我的特殊情况下，tblIssues包含ClosedOnDate字段。 我希望我的表单能够显示ClosedOnDate为空的记录(例如，当form CheckBox状态为False时)，并且当form CheckBox为状态时，所有记录都为True。 在表单中应用过滤器的机制对我来说相当清楚，但我不知道如何将表中的非CheckBox字段与表单上的复选框绑定在一起。 我试着在论坛上搜索提示，但找不到任何关于这个主题的有意义的帖子。 非常感谢您的帮助。 帕韦尔
浏览 19提问于2021-06-21得票数 0
回答已采纳
我是Drupal的新手，我不知道如何搜索我需要的模块。
所以这个想法是..。我使用以下字段创建了一个内容类型:名称、描述、国家、类别。“国家”字段是列表项，“类别”是复选框项。
因此，用户可以提交他们的节点。我不知道那部分。
问题是我想要显示基于类别和国家项目的节点。
当用户来到主页时，他们应该首先看到一个表单，他们选择了分类和国家，所以节点会根据这个选择来显示。
它应该是一个筛选器，在那里他们可以选择一个国家，多个类别来显示名称和描述字段。
有人能告诉我怎么做那个表格吗？
浏览 0提问于2015-05-03得票数 1
回答已采纳
列出的每个字符名都有一个复选框。根据输入到搜索框的文本更新div的内容。
如果我在div中签下"Harry“，然后在搜索栏中输入"Tom”，"Harry“就会从div中消失。如果我在搜索栏中删除文本("Tom")，"Harry“将在div中重新出现。但是，不再选中与其相邻的复选框。
相反，我想要的是，无论搜索文本是什么，被选中的名称都不应该消失。此外，选中的条目应该出现在div列表的最顶端。
在任何时候，在div中最多应该有5个条目。
有人能告诉我如何做到这一点吗？
app.js
$scope.characters = [
{ id:
浏览 5提问于2015-11-05得票数 0
回答已采纳
1回答
我想根据复选框中提到的特定条件，从网格视图中上传的excel文件中检索特定记录。当一个复选框被选中时，我的代码工作得很好，但在选中多个复选框的情况下，它不会响应/搜索记录，并且只根据一个复选框在网格视图中显示记录。据我所知，这与"Rowfilter“属性有关。
以下是我的搜索按钮中的代码。
private void Btn_Search_Click(object sender, EventArgs e)
{
dt = Form1.dataRecord;
DataView dv = new DataView(dt);
浏览 17提问于2021-06-01得票数 0
回答已采纳
使用制表器4.4.3
当正常过滤复选框时，如果我将列上的已过滤复选框设置为true，则一切正常：
headerFilterEmptyCheck: function (value) {
return !value;
},
但是，使用persistentFilter: true并且我重新加载页面时，该复选框过滤器将只显示true=true，如果未选中，则不会显示false或null (只返回0行)
我的列定义
{
title: "do it?",
field: "hasToDoIt",
responsive:
浏览 0提问于2019-10-29得票数 0
5回答
我有一个简单的搜索组件，它包含一个带有两个元素的反应性表单：
文本输入(搜索任意匹配的文本)
复选框(包括/排除已删除的结果)
到目前为止，我使用myFormGroup.valueChanges.subscribe(...)执行我的搜索方法。
现在的问题是，我想揭穿文字输入。同时，而不是会取消复选框，所以当单击复选框时，搜索方法将立即执行。
当然，使用valueChanges.debounceTime(500)会取消整个表单。这不是我想要的。
，这是一个简化的示例。真正的形式有更多的输入。有些应该被取消，而有些则不应该。
有什么简单的方法来完成这件事吗？还是我必须单独订阅每个表
浏览 0提问于2018-03-04得票数 20
回答已采纳
2回答
我对数组的复选框和vue过滤器有问题。 new Vue({
el: "#app",
data: {
todos: [
{ text: "Learn JavaScript"},
{ text: "Learn Vue"},
{ text: "Play around in JSFiddle"},
{ text: "Build something awesome"}
],
search: '',
},
method
浏览 20提问于2019-03-01得票数 4
回答已采纳
我们正在为一个相当大的应用程序开发CRUD模式。我们用一个常见的UI模式来定义一对多的关系，其中记录是由复选框关联的。挑战是通过异步调用(搜索/排序)来保持选择(选中/未检查)，以刷新记录列表(以及相关的ng-模型)。我想听听更高级的AngularJS用户(我是个新手)，什么是最好的实践呢？任何反馈都是非常感谢的！
编辑
展示了我最有可能用我目前对角度的理解来解决这个问题。如果你有更好的方法，请告诉我！
浏览 1提问于2013-06-24得票数 1
1回答
我使用多个复选框来使用angularjs过滤属性。目前，我正在使用自定义筛选器来显示特定类型的所有属性。我有多个复选框，当您检查每个新的复选框时，它会过滤结果。
目前，您选中的每个新复选框都缩小了搜索范围(即哪些属性是农村属性，哪些属性是沿海属性)，我想扩大搜索范围(即，哪些属性是农村属性，哪些属性是沿海属性)。我对这件事很陌生。
这是我的应用程序：
propertyApp.controller('PropertyListControl', function ($scope) {
$scope.properties = [
{
title: "S
浏览 2提问于2013-12-27得票数 0
回答已采纳
我是JavaScript和Vue.js的完全初学者。昨天，我用vue-cli启动了一个Vue.js项目，因为我的工作需要它，我遇到了一些问题。我想安装“漂亮-复选框-vue”，它目前在我的'node_module‘文件夹。
在这个包的README.md of 中，它说：
浏览器
包含脚本文件，然后用Vue.use(PrettyCheckbox)安装组件；例如：
<script type="text/javascript" src="node_modules/pretty-checkbox-vue/dist/pretty-checkbox-vue.min.j
浏览 0提问于2020-09-30得票数 0
这是关于过滤jQuery同位素项选择器的输入复选框。
参考演示，页面加载时复选框处于选中状态。然而，当用户取消选中所有内容时，我偶然发现了这个问题，它将只显示所有的.items，而不是一个空的容器。
$checkboxes.change(function(){
var filters = [];
// get checked checkboxes values
$checkboxes.filter(':checked').each(function(){
filters.push( this.value );
浏览 0提问于2013-01-10得票数 6
回答已采纳
1回答
我正在尝试创建一个带有输入文本字段和复选框的搜索表单。现在我可以搜索文本字段，但是我不能让它在复选框中工作。我对vue.js完全是个新手，所以我可能遗漏了一些基本的东西。 问题出在最后一个筛选器中的计算部分，带有类别复选框： computed: {
filteredExperiences() {
return this.experiences.filter( item => {
return (
item.destination.toLowerCase().indexOf(this.searchDestinations.toLowerCa
浏览 21提问于2020-07-02得票数 1
回答已采纳
我正在使用devexpress aspxgridview，在这里我使用标头过滤器和复选框来过滤数据。它很好用。现在我的一些专栏有超过200 K的记录。为了过滤这些数据，我需要在标题过滤器中使用分页或搜索textbox。对于最终用户来说，这将很容易过滤数据。
如何在标题筛选器中使用分页或搜索文本框？
浏览 3提问于2017-09-08得票数 0
回答已采纳
是否知道如何解决此问题：
在这个中，作者使用了vue 2.3.2，它工作得很完美，
new Vue({
el: '#app',
data: {
users: [{
"id": "Shad",
"name": "Shad"
},
{
"id": "Duane",
"name": "Duane"
},
{
&#
浏览 1提问于2018-07-19得票数 11
回答已采纳
1回答
我已经创建了一个使用公开的过滤器和视图模块的搜索页面。用户可以从不同的值中进行选择，以获得具有特定结果的表(返回节点字段)。此页面位于mysite.com/search下。问题是，我想在我的主页上放一个搜索表单的简化版本(假设只有关键字搜索框+一个或两个复选框)。这可以是块，也可以是视图。当用户按下搜索按钮时，我想将他重定向到搜索页面并显示结果。在这里，用户应该能够以一种普通的方式改进他的搜索。我想这可以通过HTTP GET参数并指向实际的搜索站点来实现。然而，我想知道我是否可以在不对主页上的表单进行硬编码的情况下做到这一点，即使用视图、块等。我希望这是有意义的。任何帮助都将不胜感激。
浏览 0提问于2010-07-27得票数 0
回答已采纳
2回答
我的要求是显示一个具有多个过滤器的页面，以应用于网格数据。
假设我们讨论的是订单，而订单具有以下属性
public class Order {
public int OrderID
public DateTime OrderDate
public DateTime ShipmentDate
public int OrderTotal
public int OrderStatus
}
在jqgrid对象中，我显示了除OrderStatus以外的所有属性。
的要求是创建一个具有
左边的jqGrid
右边的面板
在右侧面板中，用户将看到表示每个
浏览 2提问于2010-10-20得票数 10
回答已采纳
在jqgrid过滤器工具栏文本框中，搜索工作非常完美。我想包括复选框，而不是文本框进行搜索。
如何创造？请解释我..。
提前谢谢..。
浏览 6提问于2010-07-15得票数 1
我正在使用带有搜索工具栏的jqGrid。现在，对于一些列，我不需要搜索字段，因为我不想让它们可搜索(即一列复选框)。对于这些列，我想隐藏搜索工具栏中的搜索字段。我在jqGrid 中看到，可以将viewable选项设置为false。下面是我设置viewable选项的部分：
colModel :[
{name:'checkbox', index:'checkbox', width:'3%', viewable:false},
下面是我创建搜索工具栏的方法：
jQuery(function(){
jQuery("#
浏览 6提问于2011-01-05得票数 8
回答已采纳
2回答
我正在尝试创建一个页面上的工作筛选器，它可以通过工作位置(例如烫发、临时工)和位置(例如英国、苏格兰、威尔士)对结果进行筛选。
我有一个工作解决方案，但它似乎非常冗长，如果添加了第三个过滤器，就会变得更加复杂。我希望有人能为我指明一个更干净、更可伸缩的解决方案的方向。
过滤器的预期行为如下：
No复选框:显示所有职务至少选中一个位置复选框: filter by 至少选中一个位置复选框: filter by location 至少选择一个位置复选框: filter by
你可以在这里把它看作是笔：
var app = new Vue({
el: '#app',
da
浏览 5提问于2020-08-14得票数 0
回答已采纳
src/app.js看起来像：
import Vue from 'vue'
import VueRouter from 'vue-router'
import VueResource from 'vue-resource';
Vue.use(VueRouter);
Vue.use(VueResource);
const app = require("./app.vue");
const f = require('./filters');
const router = new VueRouter({
r
浏览 2提问于2017-06-27得票数 6
回答已采纳
1回答
我必须使用搜索输入字段和als一些复选框(在类别上筛选)过滤列表。
我有两个功能独立工作。
搜索字段
computed: {
getfilteredData() {
return this.experiences.filter(experience =>
experience.name.toLowerCase().includes(this.search.toLowerCase()) ||
experience.category.toLowerCase().includes(this.search.toLowerCase()
浏览 0提问于2020-06-15得票数 1
我对Vue很陌生。我正在作为组件处理一个表，这应该是很多次的工作。到目前为止，还不错，但现在我想使用一个过滤器，这可以是可选的传递到它。
，这就是我如何“调用”表：
<table
:headers="headers"
:items="some.data"
></table>
data () {
return {
headers: [
{ title: 'date', value: ['date'], filter: 'truncate(
浏览 4提问于2020-08-13得票数 0
回答已采纳
我想知道vue.js过滤器是否实现了嵌套方法所不能实现的功能。作为一个vue.js新手，它看起来像是没有实际用途的额外语法。例如，使用filters中定义的"capitalize“函数代替以下代码：
{{ key |大写}}
我只需要写这段代码，并将"capitalize“函数移到"methods”部分，而不是“filters”部分：
{{ capitalize(key) }}
有没有嵌套方法不足的用例，或者过滤器只是语法糖？(如果是后者，它们对我的口味来说还不够甜，但我希望这个问题能帮助我开发调色板。)
此代码来自此处的中的vue.js引用
浏览 14提问于2018-08-03得票数 2
回答已采纳
是否有一种方法可以将复选框添加到强制滑块问题中，让用户可以选择不移动滑块，而是选中“不知道”或“无法回答”的复选框？
谢谢,
亨泽尔
浏览 1提问于2014-06-22得票数 0
我有一个非常简单的/Vue js网站，我有一个产品清单，我想过滤。
const app = new Vue({
el: '#main-content',
data: {
forfaits: window.forfaits,
},
methods: {
filterData: function (val) {
console.log(val)
this.forfaits = this.forfaits.filter(item => {
return item.internet >=val[0] &
浏览 4提问于2017-09-28得票数 1
回答已采纳
我正在开发一个Vue3 TypeScript应用程序。
我已经激活了PhpStorm的ESLint设置中的复选框，以“在保存时运行”eslint‘，但是它不起作用。
经过长时间的搜索，我只找到了Visual代码的
.eslintrc.js
module.exports = {
root: true,
parser: "vue-eslint-parser",
parserOptions: {
ecmaVersion: 2021,
parser: "@typescript-eslint/parser",
浏览 3提问于2022-02-07得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
