VueJS在属性中一次渲染

时间:2018-09-03 18:31:48

标签: html vue.js vuejs2

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

  

v-一次,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 />

1 个答案:

答案 0 :(得分:0)

我建议您初始化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