点击li时如何在alert中显示li的内容
来源：3-3 组件与实例的关系
慕粉1471083549
2018-10-02 12:30
点击li时如何在alert中显示li的内容
写回答
关注
4回答
-
- 慕侠2155777
- 2018-12-27 16:36:49
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);
}
-
- Macaulish
- 2018-11-12 21:11:11
我一直记记着老师这句话：vue是在操作数据，不是操作dom.
so,this.content就是了。
-
- 慕粉2315308126
- 2018-10-30 20:34:36
<!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>
-
- 慕粉1471083549
- 2018-10-02 12:32:14
this.content
vue2.5入门
快速理解Vue编程理念上手Vue2.0开发。
146820 学习 · 657 问题
相似问题