vue.js: her nesnenin v-modelini nasıl kurar

Question

Bunun gibi bir etki istiyorum: < girişi > girişinde bir şey yazarken, dizeyi biçimlendirmeme yardımcı olabilir.

mesela: birisi 20160324 ... 'i yorduğunda, bu "2016-03-24 ..." gibi aynı anda biçimlendirilebilir (bu nedenle bu etki girdisi > ile gösterilmelidir), beklediğimden "2016-03-24 15:00:00".

ps:

1. benim < giriş > array.i her öğe üzerinde "V modeli" ne yazacağımı doğru yolu konw istediğiniz nesneyi dinamik üretmek vardır.
2. Neden <girdi> girişini bilmiyorum, bu yüzden "Vue. $ Watch" ile izleyemiyorum. Aşağıda böyle

benim veriler:

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

Teşekkür

Answer 1

dinamik burada https://jsfiddle.net/2q3Lt1vr/ görebilirsiniz formu oluşturmak için ilk.

[type = date] girdisi, html5 date-picker olarak işlenir. Yani ikinci örnekte date'u text'a değiştireceğim. Burada https://jsfiddle.net/dgq01f6u/2/ görebilirsiniz. Biçim yöntemi kendi mantığınıza bağlıdır. Bu demo türünüzü bitirdiğinizde odaklanmanıza ihtiyaç duyuyor. gerçek zamanlı tarihinde dosyalanan girişi güncellemek istiyorsanız

, sen watch

gibi

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