点击li时如何在alert中显示li的内容
data里的数据 name:[‘A’,‘B’,‘C’]
<ul><li @click='click(item)' v-for="item of name">{{item }}</li></ul>
methods里添加click事件
click:function(item){
alert(item);
}
我一直记记着老师这句话:vue是在操作数据,不是操作dom.
so,this.content就是了。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul>
<li>这是网页1</li>
<li>这是网页2</li>
<li>这是网页3</li>
</ul>
</body>
<script type="text/javascript">
var te = document.getElementsByTagName('li');
for(let i=0;i<te.length;i++)
{
te[i].onclick=function()
{
console.log(te[i].textContent);
alert(this.firstChild.nodeValue);
}
}
</script>
</html>
this.content