时间戳

首页 > 解决方案 > VueJS 在属性中渲染一次

html - VueJS 在属性中渲染一次

问题描述

我必须在min和v-model属性中使用item.birthdate所以，希望我已经解释了这个问题。当我更改 date 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 />

标签： htmlvue.jsvuejs2

解决方案

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

我为你创造了一个小提琴：小提琴

推荐阅读