vue的input获取键值

在 Vue.js 中，可以使用 `v-model` 指令来实现双向数据绑定，从而获取 `<input>` 元素的键值。当用户在输入框中输入内容时，Vue.js 会自动更新绑定的数据，并且你可以通过访问该数据来获取输入框的键值。

下面是一个简单的示例，演示了如何获取 `<input>` 元素的键值：

<template>
  <div>
    <input type="text" v-model="inputValue" @keyup="handleKeyUp">
    <p>输入的值：{{ inputValue }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    handleKeyUp() {
      console.log(this.inputValue);
    }
  }
};
</script>

在上面的示例中，我们使用了 `v-model` 指令将 `<input>` 元素与 `inputValue` 数据属性进行双向绑定。当用户在输入框中输入内容时，`inputValue` 的值会自动更新。

我们还定义了一个 `handleKeyUp` 方法，并将它绑定到 `@keyup` 事件上。当用户按键释放时，该方法会被调用，并打印出 `inputValue` 的值。

这样，你就可以通过访问 `inputValue` 数据属性来获取 `<input>` 元素的键值。

希望对你有所帮助！如果还有其他问题，请随时提问。