vue.js：すべての値でオブジェクトをVモデル化する方法

Question

<の入力に何かを入力すると、vueが文字列の書式設定に役立つことがあります。

例：誰かが20160324を習得した場合、これは同時に「2016-03-24 ...」のようにフォーマットできます（この効果は同じ<入力>に表示される必要があります）。 「2016-03-24 15:00:00」です。

PS：

1. 私<入力>はarray.iは、すべての項目に「Vモデル」を書くためにどのような正しい方法をkonwたいオブジェクトによって動的に生成されています。
2. <が>と入力されていないため、「Vue。$ watch」で見ることができません。

以下のような私のデータ：

data{ 
     form:[ 
      {name:'name',value:'',inputType:'text'}, 
      {name:'sex',value:'',inputType:'radio'}, 
      {name:'age',value:'20',inputType:'text'}, 
      {name:'time',value:'',inputType:'date'}, 
     ] 
} 

おかげ

Answer 1

動的にあなたがここにhttps://jsfiddle.net/2q3Lt1vr/を見ることができるフォームを生成する最初の。

[type = date]入力は、html5 date-pickerとしてレンダリングされます。したがって、2番目の例ではdateをtextに変更します。ここにはhttps://jsfiddle.net/dgq01f6u/2/があります。 formatメソッドは、独自のロジックに依存します。このデモでは、タイプを終了するときに焦点を合わせる必要があります。あなたがリアルタイムに出願された入力を更新したい場合はwatch

よう

watch: { 
 
    form: { 
 
    deep: true, 
 
    handler: function() { 
 
    this.form.forEach(function(field) { 
 
     if (field.inputType === 'date') { 
 
     // do your format 
 
     } 
 
    }); 
 
    } 
 
    } 
 
}