Показывать и скрывать совещания с многообразным кнопки с VueJS

Пока только у меня есть button, у которого есть функция условия, что, если он true он открывает главный вид, и если он false открой другой второстепенный вид.
Моя проблема появляется, когда больше buttons, включенного с Вашими совещаниями добавляет, как мне удается сделать ту же функцию открытия главного вида, и если он состоит false в том, чтобы открывать вид, который они находятся в остальном buttons.

То, что он может реализовать, состояло в том, чтобы только у button была функция, показывания или скрытия вида.

<v-btn class="headline boton-redondear" depressed large color="secondary"
       style="min-width: 17%;"
       v-on="on"
       @click="mostrarFiltro = !mostrarFiltro"
 >
  <v-icon small>fa-filter</v-icon>
</v-btn>


<!-- VISTA PRINCIPAL -->
<v-layout v-if="mostrarFiltro" row wrap class="scroll" pr-2>
   <p>TRUE</p>
</v-layout>

<!-- VISTA SECUNDARIA -->
<v-layout v-if="mostrarFiltro" row wrap class="scroll" pr-2>
   <p>FALSE</p>
</v-layout>


<!-- VUE -->
<script>
export default {
  data() {
    return {
      mostrarFiltro: true,
    };
  }
};
</script>
0
задан 10.07.2019, 21:16
1 ответ

DeberГЎs меняния переменной, которая у тебя есть как (mostrarFiltro: true). AsГ - podrГЎs иметь несколько кнопок с Вашими соответствующими функциями появления и скрытия контента. Пример: в переменной booleano botГіn mostrarFiltro, ты можешь объявлять такую сходную переменную как mostrarFiltro2 и объявлять это в твоем VUEJS, той же формы, как это у тебя есть в тебе первый botГіn.

-1
ответ дан 01.12.2019, 23:46