vue 的点击事件获取当前点击的元素方法

首先

vue的点击事件

是用

@click

=

“clickfun()”

属性

在html中绑定的,

在点击的函数中

添加$event

参数就可以

比如

<button

@click

=

“clickfun($event)”>点击</button>

methods:

{

clickfun(e)

{

//

etarget

是你当前点击的元素

//

ecurrentTarget

是你绑定事件的元素

}

},

以上这篇vue

的点击事件获取当前点击的元素方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:vue如何获取点击事件源的方法VUE中v-on:click事件中获取当前dom元素的代码vue获取当前点击的元素并传值的实例vue获取dom元素注意事项在Vue组件中获取全局的点击事件方法

$eventtargetquerySelector('img');

这是基础js啊，还是建议先把基础学扎实了再研究框架吧，官方指南有这么一段我觉得很有道理

官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开发，将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来吧！

获取表单元素的值可以直接$("选择器")val();

如：

<input type="text" value="123" />

var a = $("input")val(); //a的值为123如果获取a标签、p标签、div等的内容的话，使用text();

如：

<p>文本内容</p>

var a = $("p")html(); //a的值为”文本内容“一般相同的标签比较多时，给标签添加类名或id可以识别相同的标签，如：

<p class="p1">这是文本内容1</p>

<p class="p2">这是文本内容2</p>

var a = $("p1")html(); //a的值为”这是文本内容1“

var b = $("p2")html(); //b的值为”这是文本内容2“

这样可以实现：

$('#test li')each(function(i,item){

$(item)click(function(){

if ($(this)is($('#test li')eq(i))){

consolelog(i); //下标

consolelog($(this)text()); //内容

}

});

});

function a(){//todo}

希望对你又所帮助。

试一下这个把，我刚才试过了，可以的

var tt=$("form select[name=selectName]")find('option:selected')text();

alert(tt);

把selectName换成你表单中的下拉框name值就行了

要是使用ID查询这样就行了

var tt=$("#selectId")find('option:selected')text();就行

以上就是关于vue 的点击事件获取当前点击的元素方法全部的内容，包括:vue 的点击事件获取当前点击的元素方法、vue2.0获取当前元素li下的内容、怎么使用jquery获得标签的值或元素的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！