Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.04.2019, 02:51
Новичок на форуме
Отправить личное сообщение для investr Посмотреть профиль Найти все сообщения от investr
 
Регистрация: 27.04.2019
Сообщений: 1

Скрытие элементов списка
Подскажите пожалуйста как реализовать такую возможность: Чтобы когда нажималась кнопка Войти в комнату, уже открытая комната закрывалась? Либо когда нажималась кнопка Войти в комнату, весь список скрывался, кроме выбранной комнаты?
На картинке как не должно быть.
Vue.component('room-row', {
props: ['room'],
data: function() {
    return {
        id: ''
    }
},
template:
    '<div>' +
    '<div v-if="id === room.id">' +
    'Комнта №{{room.id}}:' +
    'Лампочка {{room.activeLamp}}' +
    '<input type="button" value="On/Off" @click="edit"/>' +
    '<input type="button" value="Выйти из комнаты" @click="exit">' +
    '</div>' +
    '<div v-else>' +
    'Комнта №{{room.id}}:' +
    '<input type="button" value="Войти в комнату" @click="id = room.id"/>' +
    '</div>' +
    '</div>',
methods: {
    edit: function () {
        var room = {activeLamp: true}
        sendRoom({id: this.id}, room)
    },
    exit: function () {
        this.id = ''
    }
}
});

Vue.component('rooms-list', {
    props: ['rooms'],
    template:
        '<div><room-row v-for="room in rooms" :key="room.id" :room="room" /></div>'
});
Изображения:
Тип файла: jpg view.jpg (13.4 Кб, 1 просмотров)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Hover для элементов списка с одинаковым номером Gera Herbst (X)HTML/CSS 2 21.12.2015 19:46
Не работает скрипт отображения списка Konstantine Javascript под браузер 3 18.03.2013 06:00
Изменение фона элементов списка по щелчку мыши_проблема! Boris777 Элементы интерфейса 1 06.12.2012 23:46
Быстрый разбор списка элементов. B~Vladi Общие вопросы Javascript 31 14.07.2010 15:52
Выбор элементов и построение списка выбранных элементов. madgals Events/DOM/Window 6 14.04.2009 22:30