vue.js：如何在每个对象的值中对对象进行 v 建模

Question

我想要这样的效果：当我在中输入内容时，vue 可以帮助我格式化字符串。

例如：当有人输入 20160324... 时，这可以同时格式化为“2016-03-24...”（因此此效果必须显示在同一个中），因为我预期是“2016-03-24 15:00:00”。

ps:

我的是由对象动态生成的 array.i 想知道在每个项目上写 "v-model" 的正确方法。
因为不知道指定的是什么，所以"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改成text。你可以在这里看到https://jsfiddle.net/dgq01f6u/2/。格式化方法取决于您自己的逻辑。此演示需要您在完成输入后分散注意力。

如果你想实时更新输入字段，你可能需要使用watch like

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

vue.js：如何在每个对象的值中对对象进行 v 建模

vue.js:how to v-model an object in every it's value

javascript

vue.js