点击li时如何在alert中显示li的内容

点击li时如何在alert中显示li的内容

慕粉1471083549

2018-10-02

源自：vue2.5入门 3-3

关注问题我要回答

1506

操作

收起

4 回答

慕侠2155777
2018-12-27

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);

}

0 回复有任何疑惑可以回复我~

Macaulish
2018-11-12

我一直记记着老师这句话：vue是在操作数据，不是操作dom.

so,this.content就是了。

1 回复有任何疑惑可以回复我~

慕粉2315308126
2018-10-30

<!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>

0 回复有任何疑惑可以回复我~

慕粉1471083549 提问者
2018-10-02

this.content

0 回复有任何疑惑可以回复我~

#1

正解.

2019-02-28 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

参与学习 146742 人
解答问题 657 个

快速理解Vue编程理念上手Vue2.0开发。

本课相似问答

3 回答直接点击提交的话会产生<li></li>，怎么清除没有内容的li呢？

2 回答如何给li加一个点击改变class事件

6 回答如何去判断输入框中是空格，是空格得话，不进行li显示。

7 回答老师讲的很好，从头听到尾的，有一问题，我输入内容在input，点提交，li显示只有默认的圆点，求各路大牛解答

4 回答为什么每次点击都是删除最后一个,而不是删除点击的那个li

搜索更多本课相关问答

点击li时如何在alert中显示li的内容

我要回答关注问题

意见反馈帮助中心 APP下载