我想得到 v-bind:value
运作 reservationBy()
作为加载事件而不是 v_on:click
事件。现在,它只在我点击它时才会传递值。
有什么方法可以让它自动加载或者使用鼠标移到事件上?我甚至尝试使用v-on:load和v-on:focus事件,但没有成功。
查看
<div id="app">
<input v-bind:value="2" v-on:click="reservationBy"/>
</div>
脚本
new Vue({
el: "#app",
data: {
},
methods: {
reservationBy: function(e) {
var peopleBookedId = e.target.value;
console.log(peopleBookedId);
}
}
})
下面是一个例子 JSFIDDLE
@mouseover
有办法让它加载...和 @mouseleave
就能完成这项工作。
<input v-bind:value="2" @mouseover="reservationBy"/>
or
<input v-bind:value="2" @mouseleave="reservationBy"/>
如果不能选择使用v-model(这是最简单的方法),而你又想在组件渲染时执行函数,你可以使用 ref
以及挂载钩中的访问值。
<input ref="myInputRef" :value="2" />
脚本:
mounted: function() {
console.log(this.$refs.myInputRef.value);
}