Условный рендеринг - показывать div в зависимости от выбора пользователя - PullRequest
Новая
       49

Условный рендеринг - показывать div в зависимости от выбора пользователя

1 голос
/ 28 февраля 2020

У меня есть выпадающий список, и я хочу использовать значение, чтобы решить, показывать ли div с помощью v-if. 

<select class="custom-select custom-select-sm" id="lang">
  <option value="1">English</option>
  <option value="2">Svenska</option>
</select>

<a class="nav-link" v-if="???" href="#">People</a>

Как мне это сделать?

1 Ответ

0 голосов
/ 28 февраля 2020

Это базовая c vue функциональность, как упоминалось @Samuil: 

new Vue({data:{lang:''}}).$mount('div')
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div>
<select class="custom-select custom-select-sm" id="lang" v-model="lang">
  <option></option>
  <option value="1">English</option>
  <option value="2">Svenska</option>
</select>
<a class="nav-link" v-if="lang" href="#">People</a>
</div>
...