如何在 Vue.js 中获取事件信息?

Posted

技术标签:

【中文标题】如何在 Vue.js 中获取事件信息?【英文标题】:How to get the event info in Vue.js? 【发布时间】:2019-10-19 01:21:40 【问题描述】:

我正在尝试使用 Vue Devtools 调试我的应用程序,我想知道如何检索我在事件后看到的信息。

   <l-marker v-for="marker in markers" 
     :lat-lng="marker.position"
     :key="marker.id" 
     :draggable=true 
     @dragend="dragend">
  </l-marker>

我的事件是@dragend="dragend",我怎样才能得到latlng的值?

编辑:正确吗?

 dragend: function(event)

            console.log(event.target._latlng);
 

【问题讨论】:

如果您在:lat-lng.sync="marker.position" 中编辑属性,您将始终在属性marker.position 中更新位置,而无需使用@dragend 非常感谢@fabruex! .sync 很有帮助!我将使用它来更新 render 和 @dragend 以调用方法并在 bg 中应用搜索。非常有帮助!非常感谢您的宝贵时间。 很高兴它对您有所帮助。我将其添加为答案 Allora grazie ;) 【参考方案1】:

如果你在

中编辑你的属性
:lat-lng.sync="marker.position" 

您将始终在属性marker.position 中更新位置,而无需使用@dragend 事件

【讨论】:

以上是关于如何在 Vue.js 中获取事件信息?的主要内容,如果未能解决你的问题,请参考以下文章

vue 的点击事件怎么获取当前点击的元素

Vue JS - 如何在父组件中获取道具值

如何捕捉事件是 vue.js v-calendar

vue如何利用单击事件输出当前时间?

如何使用Vue.js获取呈现dom元素的组件

如何在Vue.js中正确添加条件事件绑定?