美文网首页
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