vue.js - 切片输入vue js

Question

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

为此，我必须将输入分为分钟和小时，并将值保存在变量中。你是怎样做的？我可以使用拆分吗？

标签： vue.jssplit

Answer 1

您可以使用VueJS Computed & Javascript Split 功能来实现您所需要的。

例如：

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

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