Переключить список для отображения на основе выбранного переключателя - PullRequest
Новая
       17

Переключить список для отображения на основе выбранного переключателя

0 голосов
/ 26 марта 2019

У меня есть фрагмент кода, который спрашивает пользователя, где он хочет показать свою рекламу. Варианты, и у меня есть их в качестве переключателей:

  • Все штаты
  • выбор состояний
  • все состояния, кроме следующих ...

Я хочу, чтобы списки состояний отображались пользователю, когда они выбирают «выбрать состояния» или «все состояния, кроме следующих».

Это то, что я пытался, но не смог заставить его работать: 

showStates: boolean = false;


.form-check
input.form-check-input(type="radio")  
label All States  

.form-check
input.form-check-input(type="radio" @click='showStates  = !showStates')   
label all states except except:  

.form-check
input.form-check-input(type="radio" @click='showStatus = !showStates')  
 label selected states:

просмотр страницы 

(div to show states)
.collapse.container(v-show='showStates')

Select states.
 .col-6(v-for='location in locationList')
.form-check
input.form-check-input(type='checkbox')
label.form-check-label {{location.name}}

как я могу получить это, чтобы div состояний отображался только при нажатии на две кнопки-переключателя?

1 Ответ

1 голос
/ 26 марта 2019

Радиокнопки генерируют только события изменения.Попробуйте использовать @change вместо @click.

...