问答详情
源自:3-3 组件与实例的关系

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

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

提问者:慕粉1471083549 2018-10-02 12:30

个回答

  • 慕侠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