切片输入vue js

Question

我刚开始在vue中编程。js。我想编程一个时钟，在以hh:mm格式键入时间后输出为文本。

要做到这一点，我必须将输入分为分钟和小时，并将值保存在一个变量中。你是怎么做到的？我可以使用拆分吗？

Answer 1

您可以使用VueJS Computed&Javascript分割功能，以实现您的需求。

例如：

data: () => ({
userInput: ''  // 08:33
}),
computed: {
hours: function() {
return this.userInput.split(":")[0]  // return 08
},
minutes: function() {
return this.userInput.split(":")[1]  // return 33
}
}

在这种情况下，计算方法将监听userInput的变化。这意味着，如果用户键入08:33，然后决定更改为08:44，则minutes将作出反应并更改为44。