当前位置: 开发笔记 > 后端 > 正文

关于vue.js的搜索

作者：红骑兵 | 来源：互联网 | 2023-07-29 20:47

想在首页完成一个搜索功能:有好几个组件页,打开首页时一些组件页没显示,router跳转才显示,我想搜索比如蓝天这个字段,这个字段在其中一个组件页里有,而这个组件中的蓝天字段,是要aj

想在首页完成一个搜索功能:
有好几个组件页,打开首页时一些组件页没显示,router跳转才显示,我想搜索比如"蓝天"这个字段,这个字段在其中一个组件页里有,而这个组件中的蓝天字段,是要ajax请求出来才能出现蓝天.
按照思维,好像必须先打开有蓝天字段的组件,ajax请求了后,才能回首页搜索出来?应该怎么写比较方便呢?
搜索的话就是浏览所有组件了吧?应该怎么写呢?谢谢大家..

推荐阅读

go
1 Vue基础

Vue基础一、什么是Vue1.1概念Vue(读音vjuː，类似于view)是一套用于构建用户界面的渐进式JavaScript框架，与其它大型框架不 ... [详细]

蜡笔小新 2023-10-17 19:45:53
php
Vue案例（搜索页面）

<!DOCTYPEhtml><htmllang=en><head><metacharset=UT ... [详细]

蜡笔小新 2023-10-16 06:20:19
php
Python连接服务器失败：使用aiohttp模拟服务器出现错误问题及解决方法

本文介绍了在使用Python中的aiohttp模块模拟服务器时出现的连接失败问题，并提供了相应的解决方法。文章中详细说明了出错的代码以及相关的软件版本和环境信息，同时也提到了相关的警告信息和函数的替代方案。通过阅读本文，读者可以了解到如何解决Python连接服务器失败的问题，并对aiohttp模块有更深入的了解。 ... [详细]

蜡笔小新 2023-12-13 12:37:59
cookies
DataTables插件介绍及使用方法

本文介绍了DataTables插件的官方网站以及其基本特点和使用方法，包括分页处理、数据过滤、数据排序、数据类型检测、列宽度自动适应、CSS定制样式、隐藏列等功能。同时还介绍了其易用性、可扩展性和灵活性，以及国际化和动态创建表格的功能。此外，还提供了参数初始化和延迟加载的示例代码。 ... [详细]

蜡笔小新 2023-12-09 17:40:33
go
Vue模拟数据,实现路由进入商品详情页面的示例

一、路由首先需要配置路由，就是点击good组件进入goodDetail组件配置路由如下{path:goodDetail,component:goodDetail}同时在good组件中写入如下点击事件，路由中加入 ... [详细]

蜡笔小新 2023-10-17 20:25:16
go
工作章vue组件返回时保留滚动的位置

最近做项目时遇到一个问题，产品搜索后出来相关的列表，点击相关商品进入它的详情，返回后组件被重新创建，但产品需求是需要保留进入 ... [详细]

蜡笔小新 2023-10-16 14:59:32
go
批量调用后端接口来添加对象，但是添加之前要逐个检测有没有重复值存在，promise怎么写？

vue.js环境，页面上需要填写多个对象，批量向后台添加，目前已经在api.js中有两个接口：apiCheckDuplicated(name)apiCreateNew(name) ... [详细]

蜡笔小新 2023-10-15 17:57:11
go
前端简史之纵横：Node东出

引💡Ajax的出现，带来了jQuery时代，而jQuery时代也伴随着Node风暴淡淡退出了历史舞台。如果说Ajax给前端带来了从网页静 ... [详细]

蜡笔小新 2023-10-15 15:03:55
mysql
java计算机毕业设计springboot+vue信息工程学院学生社团网站

项目介绍本信息工程学院学生社团平台是针对目前信息工程学院学生社团的实际需求，从实际工作出发，对过去的信息工程学院学生社团平台存在的问题进行分析 ... [详细]

蜡笔小新 2023-10-17 13:16:00
php
shirovue前后端分离中模拟登录遇到的坑

系统采用jeeplus框架（ssm+redis+shiro+mongodb+redis）,默认是做了JSP未做前后端分离，由于业务需要已经多终端使用的需求（H5、小程序等） ... [详细]

蜡笔小新 2023-10-16 10:52:05
php
Vue3教程：开发一个Vue3+elementplus的后台管理系统

最近在开发一个Vue3.0+element-plus练手项目，后面测试完成后，会把代码全部开源，部分页面的预览图如下：本来是这周一发的文章，但是博客园当时在维护，所以 ... [详细]

蜡笔小新 2023-10-15 13:05:50
php
MVVM架构原来是这样来的

一、MVCMVC模式，即软件可以分成三个部分Model、View、Controller。视图（View）：用户界面。控制器（Controller）：业务逻辑模型（Model）：数据 ... [详细]

蜡笔小新 2023-10-15 12:28:57
php
Vue项目之ElementUI(Breadcrumb)动态面包屑效果

效果面包屑作用面包屑应该是我们在项目中经常使用的一个功能，一般情况下它用来表示我们当前所处的站点位置，也可以帮助我们能够更快的回到上个层级原始方式最笨的 ... [详细]

蜡笔小新 2023-10-15 12:24:24
struct
双网口驱动实现流程

1网络设备驱动的结构Linux网络设备驱动程序体系结构如下图，从上到下依次划分为4层，依次为网路协议接口层、网络设备接口层，提供实际功能的设备驱动功能层以及网络设备与媒介层。 ... [详细]

蜡笔小新 2023-10-15 09:23:34
cookies
VUE 初步学习

Vue简单的总结一Vue简单的总结二Vue简单的总结三Vue简单的总结四(项目流程)Vue简单的总结五Vue（6）-Vue-router进阶、单页面应用 ... [详细]

蜡笔小新 2023-10-15 09:23:07

红骑兵

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章