Question

我想要这种行为：

以前的年份选项不可用

在“选择”中选择年份时

我希望再次显示“以前的年份”

，然后{{year}}显示年份（可以）

com.github.dockerjava.api.exception.ConflictException: {"message":"Container aac697315e3e22ccee4cdf805e6b1b325663bae054ab1104021c4da724cb4a5a is not running"}

方法：{ onYearSelect（event）{ this.year = event.target.value }， }

这看起来很简单，但我无法做到这一点:)

非常感谢

Answer 1

如果我理解正确，那么您需要这样的东西：

var app = new Vue({
  el: "#elm",
  data: {
    year: null,
    years: [2014, 2015, 2016, 2017, 2018, 2019]
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>

<div id="elm">
  <span>{{year}}</span>
  <select v-model="year">

    <option :value="null" disabled hidden>Previous years</option>
    <option v-for="year in years" :value="year" :key="year">{{year}}</option>
  </select>
</div>

只需设置Previous years标签的disabled标签即可：<option disabled>Previous years</option>。

此外，您不需要@change，只需使用v-model="year"，然后查看Form Input Bindings文档

选择选项始终处于选中状态并隐藏

1 个答案: