如何使用Vue JS获取元素？

Question

我有这样的表格

<form v-on:submit.prevent="save_data(this)"></form>

和这样的功能

methods: {
   save_data: function(f){

   }
}

在jquery上，我们可以获得这样的形式

$(f)[0]

我的问题是，如何使用vue js获得该表格？谢谢你的回答

Answer 1

要获取实际的表单元素，可以在HTML上将其作为ref属性，例如：

<form v-on:submit.prevent="save_data(this)" ref="myForm"></form>

然后在Vue的根实例中，您可以像这样检索元素：

this.$refs.myForm.$el

Answer 2

您可以使用$event等同于javascript event ..

<form v-on:submit.prevent="save_data($event)"></form>

methods: {
   save_data: function(f){
     console.log(f.target); // form element
   }
}