課程
/前端開發(fā)
/Vue.js
/vue2.5入門
點(diǎn)擊li時(shí)如何在alert中顯示li的內(nèi)容
2018-10-02
源自：vue2.5入門 3-3
正在回答
data里的數(shù)據(jù)? ?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是在操作數(shù)據(jù)，不是操作dom.
so,this.content就是了。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul>
<li>這是網(wǎng)頁(yè)1</li>
<li>這是網(wǎng)頁(yè)2</li>
<li>這是網(wǎng)頁(yè)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
舉報(bào)
快速理解Vue編程理念上手Vue2.0開發(fā)。
3 回答直接點(diǎn)擊提交的話會(huì)產(chǎn)生<li></li>，怎么清除沒有內(nèi)容的li呢？
2 回答如何給li加一個(gè)點(diǎn)擊改變class事件
6 回答如何去判斷輸入框中是空格，是空格得話，不進(jìn)行l(wèi)i顯示。
7 回答老師講的很好，從頭聽到尾的，有一問題，我輸入內(nèi)容在input，點(diǎn)提交，li顯示只有默認(rèn)的圓點(diǎn)，求各路大牛解答
4 回答為什么每次點(diǎn)擊都是刪除最后一個(gè),而不是刪除點(diǎn)擊的那個(gè)li
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2018-12-27
data里的數(shù)據(jù)? ?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是在操作數(shù)據(jù)，不是操作dom.
so,this.content就是了。
2018-10-30
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul>
<li>這是網(wǎng)頁(yè)1</li>
<li>這是網(wǎng)頁(yè)2</li>
<li>這是網(wǎng)頁(yè)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