Vuejs 获取 input 的值的三种方法

使用 refv-modelfunction(e)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<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 );
}
}

Exchange blogroll: http://laker.me/blog
Github:https://github.com/younglaker


Vuejs 获取 input 的值的三种方法

本文原创自http://laker.me/blog,转载请注明出处,欢迎交换友链

如果本文对您有帮助,微信扫一扫,请我吃个鸡腿吧