VueJS 在属性中渲染一次

Question

我必须在 min 和 v-model 属性中使用 item.birthdate 所以，希望我已经解释了这个问题。当我更改日期 min 属性更改时，我想在 min 中使用一次出生日期。

v-once, v-bind => 不工作。所以我在这里。

<input type="date" class="form-control" name="birth" placeholder="B.Date"
v-bind:min="item.birthdate" v-model="item.birthdate" v-if="item.gender > 1" required />

Answer 1

我建议您初始化min 属性的单独数据值，并在页面加载时定义其值，如下所示：

<input type="date" class="form-control" name="birth" placeholder="B.Date"
v-bind:min="min" v-model="item.birthdate" v-if="item.gender > 1" required />

new Vue({
  el: "#app",
  data: {
    item: {
        birthdate: "2001-11-12",
      gender: "2"
    },
    min: null
  },
  created() {
    this.min = this.item.birthdate
  }
})

我为你创建了一个小提琴：Fiddle