課程
/前端開發
/Vue.js
/vue2.5入門
點擊li時如何在alert中顯示li的內容
2018-10-02
源自：vue2.5入門 3-3
正在回答
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
慕村0072852
舉報
快速理解Vue編程理念上手Vue2.0開發。
3 回答直接點擊提交的話會產生<li></li>，怎么清除沒有內容的li呢？
2 回答如何給li加一個點擊改變class事件
6 回答如何去判斷輸入框中是空格，是空格得話，不進行li顯示。
7 回答老師講的很好，從頭聽到尾的，有一問題，我輸入內容在input，點提交，li顯示只有默認的圓點，求各路大牛解答
4 回答為什么每次點擊都是刪除最后一個,而不是刪除點擊的那個li
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
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);
}
2018-11-12
我一直記記著老師這句話：vue是在操作數據，不是操作dom.
so,this.content就是了。
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>
2018-10-02
this.content