使用hotelroomdescription进行搜索,如果其匹配项使用vuejs / javascript [es5]显示相应的窗口和房间,则<

问题描述 投票:0回答:1
{ "Data": { "Services": [ { "Description": "Test", "ServiceID": 147855555, "Hotels": [ { "HotelId": "3969f33bc946", "HotelName": "Crackle", "IsSelected": true, "rooms": [ { "RoomId": "0abddf051b2f", "HotelRoomDescription": "Room1", "IsSelected": false }, { "RoomId": "7ea2a918992f", "HotelRoomDescription": "Room2", "IsSelected": false } ] }, { "HotelId": "1c6d71b3dc8a", "HotelName": "Steve", "IsSelected": true, "rooms": [ { "RoomId": "679c9216304f", "HotelRoomDescription": "Bar", "IsSelected": false }, { "RoomId": "b71e7f62c0e9", "HotelRoomDescription": "Station", "IsSelected": false }, { "RoomId": "848abbb3bce7", "HotelRoomDescription": "Room 1", "IsSelected": false }, { "RoomId": "270c22b8ef9e", "HotelRoomDescription": "Room 2", "IsSelected": false } ] }, { "HotelId": "5dfa2733f743", "HotelName": "Club", "IsSelected": false, "rooms": [] } ] } ] }, "Message": "Success", "Status": "Success", "Type": 0 }
在前端,细节显示为树。例如,如果我们搜索“酒吧”,则酒店名称“史蒂夫”包含房间“酒吧”。然后需要显示相应的酒店名称和HotelRoomDescription。如果我们不进行搜索,它将以树形结构列出整个酒店名称及其对应的房间。

这里roomSearch是v模型,无论我们输入什么搜索内容,都可以通过此模型获取值。

if(this.roomSearch.trim() === "") return this.hotels; var roomenames = this.hotels.filter(function(hotel){ return hotel.HotelRoomDescription.toLowerCase().indexOf(_this.roomSearch.toLowerCase()) -1; }); return roomenames;

里面写的代码有错误,它没有过滤HotelRoomDescription。它不会进入房间.....

{“数据”:{“服务”:[{“描述”:“测试”,“服务ID”:147855555,“酒店”:[{“ HotelId”:“ 3969f33bc946”,“ HotelName”:“ ...

vue.js ecmascript-5
1个回答
0
投票
您尝试过滤酒店(hotel.HotelRoomDescription)上的HotelRoomDescription,但根据您的数据,“ HotelRoomDescription”是“房间”属性。
© www.soinside.com 2019 - 2024. All rights reserved.