小编Tej*_*a D的帖子

输入事件时,输入光标跳至输入字段的末尾

我正在尝试在输入事件时将用户输入转换为大写

因此,每当我在输入字段中键入键时,都会遇到以下问题

  1. 当用户在中间输入时,光标跳到输入值的末尾。
  2. 最后键入的字符(不是最后一个字符)不会转换为大写。

Here is the link to JS fiddle https://jsfiddle.net/aeL051od/ to reproduce the issue

new Vue({
  el: "#app",
  data() {
    return {
      input: null
    }
  },
  methods: {
    handleInput(e) {
      this.input = e.target.value ?
        e.target.value.toString().toUpperCase() :
        e.target.value;
    }
  }
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<div id="app">
  <input type="text" v-model="input" @input="handleInput"> {{ input }}
  <!-- {{ input }} is just for reference -->
</div>
Run Code Online (Sandbox Code Playgroud)

html javascript vue.js

5
推荐指数
1
解决办法
537
查看次数

标签 统计

html ×1

javascript ×1

vue.js ×1