我使用的是一个计算方法,它检查用户是否单击了搜索输入,然后检查JSON文件,以将用户的查询与JSON文件中的字符串匹配。这是我当前的代码:

computed: {

filteredPrizesByQuery: function() {

if (this.searchInputClicked == true) {

return this.prizes.filter(prize => {

return (

prize.prizeTitle.toLowerCase().match(this.query) ||

prize.prizeTag.toLowerCase().match(this.query)

)

});

} else

return this.prizes.filter(prize => {

return (

prize.prizeType1Name.match(this.tabbedQuery) ||

prize.prizeType2Name.match(this.tabbedQuery)

);

});

}

}

当我在搜索框中键入一个查询,然后查看我的Vue Dev工具时,我可以看到数组计数已更新(计算不足),例如。

filteredPrizesByQuery:数组[26]

. 这是我想显示给用户的值,但是我不知道如何访问这个值。

我已尝试检查计算方法中filteredPrizesByQuery的长度或prize的长度,但我要么得到最大调用堆栈大小错误,要么未定义。

vue中数组长度_如何在Vue.js中获取计算数组的长度相关推荐

  1. java 线程中创建线程_如何在Java 8中创建线程安全的ConcurrentHashSet?

    java 线程中创建线程 在JDK 8之前,还没有办法在Java中创建大型的线程安全的ConcurrentHashSet. java.util.concurrent包甚至没有一个名为Concurren ...

  2. vue 递归创建菜单_如何在Vue中创建类似中等的突出显示菜单

    vue 递归创建菜单 by Taha Shashtari 由Taha Shashtari 如何在Vue中创建类似中等的突出显示菜单 (How to Create a Medium-Like Highl ...

  3. react中纯函数_如何在纯React中创建电子邮件芯片

    react中纯函数 by Andreas Remdt 由Andreas Remdt 如何在纯React中创建电子邮件芯片 (How to create email chips in pure Reac ...

  4. 中value大小_如何在Spring/SpringBoot 中做参数校验?你需要了解的都在这里!

    数据的校验的重要性就不用说了,即使在前端对数据进行校验的情况下,我们还是要对传入后端的数据再进行一遍校验,避免用户绕过浏览器直接通过一些 HTTP 工具直接向后端请求一些违法数据. 本文结合自己在项目 ...

  5. jsp在mysql中删除数据_如何在jsp页面中删除数据库中的数据

    如何在jsp页面中删除数据库中的数据 各位大虾! 我想在jsp页面上写一个按钮功能,从而动态的删除数据库中的一行数据. 不知道怎么实现 这是我写的一段代码 数据库是MySql UserBean p3= ...

  6. python类中没有属性_如何在python语言中在类中删除属性和添加属性

    在python语言中的类,可以使用class定义类,调用__init__方法进行初始化:默认传入self,可以在后面在添加几个属性.可以使用setattr()添加属性,也可以使用delattr()删除 ...

  7. electron 菜单栏_如何在Electron JS中添加任务栏图标菜单?

    electron 菜单栏 If you are new here, please consider checking out my recent articles on Electron JS inc ...

  8. excel图表中的直方图_如何在Microsoft Excel中创建直方图

    excel图表中的直方图 Histograms are a useful tool in frequency data analysis, offering users the ability to ...

  9. python中第三方模块_如何在python脚本中包含第三方模块?

    我已经开始使用Python来自动化我工作中的重复任务,并且经常需要将对第三方模块的引用集成到我的脚本中.如何将这些文件直接包含在脚本中?我知道有一些方法可以在python安装文件夹(C:\Python ...

最新文章

  1. 进入编译器后,一个函数经历了什么?
  2. Gaussian Filter
  3. MASM32_SDKv10以及一些帮大家打包的东西
  4. java中多线程的实现方式
  5. 插入DLL和挂接API——Windows核心编程学习手札之二十二
  6. ListView优化的代码
  7. VMware ubuntu虚拟机怎么设置分辨率?(全屏显示、大屏显示)
  8. Android通过Geth RPC接口实现接入以太坊私有链
  9. 从Setting.settings到Resource.resx
  10. solr5.3.1 mysql_Solr5.3.1 dataimport 导入mysql数据
  11. ES6箭头函数(节选自《ECMAScript 6 入门》)
  12. Centos7 docker 安装 zookeeper
  13. GM也坐不住了的s9t9
  14. CSS实现返回网页顶部
  15. IDEA+Maven+多个Module模块(创建多模块SpringBoot整合项目)
  16. 批量建模:一元线性回归
  17. 02-03-JSP-Maven-会话-MySQL事务
  18. 让cocos2d-x 3.0读取cocostudio中的csb文件
  19. 当前最为流行的可视化大屏都是怎么做的?
  20. flutterdio_强大的Flutter http请求库dio

热门文章

  1. 【Java】输出50-100范围内所有的素数
  2. 【C语言】编写程序,输出以下图形
  3. C#LeetCode刷题之#459-重复的子字符串(Repeated Substring Pattern)
  4. 如何使用Node.js和CloudFormation在AWS Lambda中构建和部署GraphQL服务器
  5. web开发应届生入职_我如何从全职妈妈着手完成第一份Web开发人员工作
  6. 斯坦福所倡导的设计思维_针对高科技项目的有效开发商倡导
  7. python lxml使用_使用lxml和Python进行Web抓取的简介
  8. 利用 Python 写个七夕表白神器
  9. Multivariate Linear Regression的参数估计
  10. 主成分分析PCA案例及原理