html - 使用Vue.js更新日期输入字段

我正试图通过vuejs和v-model更新日期输入字段。
我的HTML如下所示：
<input type="date" name="due" id="due" placeholder="Due at" v-model="due">
我在VueJS中的数据方法：

data () {
  return {
    due: '06/25/2017'
  }
},

当我打开网页时什么也没发生。我只是在输入字段中得到这个值：“mm/dd/yyyy”。但当我把type="date"改为type="text"时，一切都正常，我得到了正确的06/25/2017值。它在firefox中确实可以工作，但在chrome中不行。
有人知道问题出在哪里吗？

最佳答案

将拆分器从-更改为/，并将顺序更改为YYYY-MM-DD。

data () {
  return {
    due: '2017-06-25'
  }
},