vue中v-for遇到事件绑定

来源：华佗小知识

v-for 和事件绑定

问题：handle函数内部如何知道是哪个li触发的函数

<body>
    <div id="app">
        <ul>
            <li v-for="(item,index) in list" @click="event=>handle(event,item)">
                <h1>{{item.title}}</h1>
                <h1>{{item.id}}</h1>
            </li>
        </ul>
    </div>
    
    <script>
        let app=Vue.createApp({
            setup() {
                let list=Vue.reactive([
                    {
                        title:'苹果',
                        id:1
                    },
                    {
                        title:'香蕉',
                        id:2
                    },
                    {
                        title:'米菠萝',
                        id:3
                    }
                ])
                
        
                const handle=(event,item)=>{
                    console.log(event,item.id,item.title);
                    location.href='./9detail.html?title='+item.title;

                }
                    return{
                        list,
                        handle
                    }
            }
            
        })

        app.mount("#app");//指定vue根模板 
    </script>
</body>

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文

违法及侵权请联系：TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务

vue中v-for遇到事件绑定

v-for 和 事件绑定

v-for 和事件绑定