go_vFan
2022-04-12 10:02
采纳率: 0%
浏览 64

请问为什么input使用类名获取value无法实时获取最新value值

  1. 问题:在input文本框内输入内容时,使用input.value无法动态获取到值
  2. 代码

<body>
    <div class="app">
        <input class="search" type="text" v-on:keyup="clear" value="normal">
    </div>
    <script src="./lib/vue-2.6.12.js"></script>
    <script>
        var search = document.querySelector('.search');
        const vm = new Vue({
            el: '.app',
            methods: {
                clear(e) {
                    //用类名获取
                    console.log(search);
                    console.log(search.value);
 
                    // console.log(e.target);
                    // console.log(e.target.value);
                }
            }
        });
    </script>


3.无论向Input内输入什么,都还是默认值normal

img

4.而当我使用e.target.value来获取就可以动态获取到input内的值

img

5.请问这是什么原理,为什么用input.value不能获取到动态值?

2条回答 默认 最新

相关推荐 更多相似问题