Question

我有一个select下拉列表，想使用该值来确定是否通过v-if显示div。

<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>

我该怎么做？

Answer 1

这是@Samuil中提到的基本vue功能：

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>

条件渲染-根据用户选择显示div

1 个答案: