美文网首页
vuejs 获取input的值

vuejs 获取input的值

作者: younglaker | 来源:发表于2020-03-10 23:42 被阅读0次

    使用 refv-modelfunction(e)

    <input type="text" value="调试 vuejs 2.0" ref="input1">
     <button   v-on:click="test1">测试</button>
    
    <input type="text" v-model="input2">
    <button  v-on:click="test2">测试</button>
    
    // @input 输入事件,实时监听
    <input type="text" @input="test3" /> 
    
    methods: {
        test1: function () {
            console.log( this.$refs.input1.value ); 
        },
    
        test2: function () {
            console.log( this.input2 );
        },
    
        test3(e){
          //e.target 指向了dom元素
          console.log( e.target.value ); 
        }
    }
    

    相关文章

      网友评论

          本文标题:vuejs 获取input的值

          本文链接:https://www.haomeiwen.com/subject/yfegdhtx.html