vue搜索框中如何根据子类找到父类,并把子类和父类作为参数传递

问题: 最近做vue项目,需要做到搜索框,搜素的值是子类,跳转的时候还要带上子类的父类作为参数,这本来就是很简单的事情,技术菜,折腾了好久,请教大佬才瞬间明白,多么简单的事。故此记录

1 后台返回格式是

2 搜索框效果 

3 如何通过点击子类获取父类并作为参数调转?下面贴出代码 给li注册点击事件并把子类的值拿到

goSearch(item) {

let parent

for(const key in this.objtest){

if(this.objtest[key].includes(item)){

parent=key

}

}

console.log(item+"---"+parent);

这样就很容易拿到对应父级了

注: 这里用到了es6的新语法includes,关于用法自行百度

总结:学无止境 ,还是要多看es6新语法

原文地址:https://www.cnblogs.com/bride/p/10109165.html

时间: 2024-12-11 01:11:05

vue搜索框中如何根据子类找到父类,并把子类和父类作为参数传递的相关文章

137在搜索框中实现下拉列表效果(扩展知识:表格视图数据源为空数据时显示提示信息)

效果如下: ViewController.h 1 #import <UIKit/UIKit.h> 2 #import "DropDownListViewController.h" 3 4 @interface ViewController : UITableViewController<UISearchBarDelegate, PassValueDelegate> 5 @property (strong, nonatomic) UISearchBar *sear

网页中制作搜索框中遇到一些小问题

当你在制作一个搜索框加按钮的时候,比如<input class="header-text"/><input type="button" class="header-button"/>这样放置,文本框和按钮不管你怎么调样式也不在同一个位置,这个时候解决方式有两种: 1.外边包一层div,让文本框和按钮float:left,此时文本框和按钮都会紧贴div,也就会出现在同一水平线上的效果 2.待搜索

搜索框中“请输入搜索keyword”

$(function(){    $("#ctl00_txtKey").val("请输入搜索keyword").addClass("search")    .blur(function(){        $(this).removeClass('highligth');        if($(this).val()==""){            $("#ctl00_txtKey").val(&quo

如何修改搜索框中的cancel button的颜色

// 记住最初的状态,用完的时候用这个还原 self.cancelBtnTextAttribute = UIBarButtonItem.appearance().titleTextAttributes(for: UIControlState.normal) as [String : AnyObject]? let cancelBtn:UIButton = self.searchBar.subviews[0].subviews[2] as! UIButton // 设置自定义的状态 cancelB

iOS中UISearchBar(搜索框)使用总结

iOS中UISearchBar(搜索框)使用总结 初始化:UISearchBar继承于UIView,我们可以像创建View那样创建searchBar     UISearchBar * bar = [[UISearchBar alloc]initWithFrame:CGRectMake(20, 100, 250, 40)];     [self.view addSubview:bar]; @property(nonatomic)        UIBarStyle              ba

04_pages.json中首页style配置(顶部搜索框及左右按钮配置)

1.  pages.json配置 代码: "path": "pages/index/index",            "style": {                "app-plus": {                    "scrollIndicator": "none", //隐藏滚动条                    "titleNView"

淘宝购物车页面 智能搜索框Ajax异步加载数据

如果有朋友对本篇文章的一些知识点不了解的话,可以先阅读此篇文章.在这篇文章中,我大概介绍了一下构建淘宝购物车页面需要的基础知识. 这篇文章主要探讨的是智能搜索框Ajax异步加载数据.jQuery的社区非常的活跃,许多朋友都在不同地方分享了很多优秀的插件.我在相关的网站上找过想实现类似功能的插件,但是没有找到.于是乎,自己动手丰衣足食.自己来搭建智能搜索框下拉列表.当然,如果有类似功能并且常维护Bug的插件,望留言交流. 源码地址: 淘宝购物车页面--PC端和移动端项目实战 首先需要先给大家打一根

Javascript:仿淘宝搜索框用户输入事件的实现

打开淘宝网首页,找到淘宝首页的搜索框,大家可以看到,当页面一打开,搜索框中就可以看到灰色字体"少女高跟鞋",还有闪烁的光标.当用户点击输入的时候,灰色字消失.当用户清空文本框的所有内容的时候,灰色字自动恢复. 接下来,这个小案例就是要介绍如何实现这种效果,即用户输入事件. 判断用户输入的事件有 oninput 和onpropertychange .当然,想必你能想到,由于浏览器兼容的问题,他们出现的场合有所不同. 正常浏览器支持oninput ,而 IE6.IE7.IE8 支持的 on

Android零基础入门第62节:搜索框组件SearchView

原文:Android零基础入门第62节:搜索框组件SearchView 一.SearchView概述 SearchView是搜索框组件,它可以让用户在文本框内输入文字,并允许通过监听器监控用户输入,当用户输入完成后提交搜索时,也可通过监听器执行实际的搜索. SearchView默认是展示一个search的icon,点击icon展开搜索框,也可以自己设定图标.用SearchView时可指定如下表所示的常见XML属性及相关方法. 如果为SearchView增加一个配套的ListView,则可以为Se