曾经蜡笔没有小新2017-06-14 10:54:14 0 4 510
点击li,获取当前点击li的html值;
<body>
<p id="page">
<ul>
<li v-on:click="aa(this)" v-for="item in items">{{item}}</li>
</ul>
</p>
<script type="text/javascript">
new Vue({
el: '#page',
data: {
items:[11,22,33,44]
},
methods:{
aa:function(obj){
console.log(obj); //打印出来的是 window对象?
alert(obj.html()); //找不到点击的值;
}
}
})
</script>
</body>
点击li后传递的this打印出来是window对象,而不是li这个对象,所以找不到对象;怎么传递当前的li这个对象到js中呢?
小葫芦 2017-06-14 10:56:144楼
看文档的时候看的仔细一点……不要臆想这些莫名其妙的用法。
内联事件需要访问原始事件对象的时候,给里面加上
$event
参数就行了。像这样:你要拿到当前
li
标签的对象,读取事件对象下的currentTarget
属性就行了,即event.currentTarget
。 赞 +0添加回复
女神的闺蜜爱上我 2017-06-14 10:56:143楼
赞 +0添加回复
ringa_lee 2017-06-14 10:56:142楼
给li加个ref属性 然后在methods中通过this.$refs拿到dom节点
赞 +0添加回复
typecho 2017-06-14 10:56:141楼
测试可行:
赞 +0添加回复