Question

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

例如：当有人打字20160324 ......时，这可以格式化为＆＃34; 2016-03-24 ...＆＃34;同时（所以这个效果必须在同一个＆lt; input＆gt;中显示），因为我的预期是＆＃34; 2016-03-24 15：00：00＆＃34;。

PS：

my＆lt; input＆gt;由对象数组生成动态。我想知道正确的写法是什么＆＃34; v-model＆＃34;在每个项目上。
因为我不知道指定的＆lt; input＆gt;是什么，所以我不能通过＆＃34; Vue。$ watch＆＃34;来观看。

我的数据如下：

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

＆＃13;

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

＆＃13;

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

1 个答案: