Vue v-on:点击改变它加载或鼠标在事件上的变化

问题描述 投票:0回答:1

我想得到 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

https:/jsfiddle.netujjumakiyz0p1vqL4。

vue.js
1个回答
0
投票

@mouseover 有办法让它加载...和 @mouseleave 就能完成这项工作。

<input v-bind:value="2" @mouseover="reservationBy"/>

or

<input v-bind:value="2" @mouseleave="reservationBy"/>


0
投票

如果不能选择使用v-model(这是最简单的方法),而你又想在组件渲染时执行函数,你可以使用 ref 以及挂载钩中的访问值。

<input ref="myInputRef" :value="2" />

脚本:

mounted: function() {
  console.log(this.$refs.myInputRef.value);
}
© www.soinside.com 2019 - 2024. All rights reserved.