v-for的click事件
时间: 2023-10-15 07:26:36 浏览: 34
在Vue中,v-for是一个用于循环渲染元素的指令。而@click是Vue中的一个事件监听器,用于监听元素的点击事件。在v-for中使用@click可以给循环中的每个元素绑定一个点击事件,当点击相应的元素时,该事件将被触发。在上述例子中,通过@click="link($event)"将click事件绑定到了每个表格行的第一个单元格上,当点击任意一个单元格时,link方法将会被调用并传入$event作为参数,其中$event代表了该事件的事件对象。在link方法中,可以通过e.currentTarget.innerHTML来获取当前点击的单元格的内容。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue v-for循环之@click点击事件获取元素示例](https://download.csdn.net/download/weixin_38604916/12932375)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [vue中的v-for和@click同时使用时@click失效,vue的native](https://blog.csdn.net/qq_47443027/article/details/116534890)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [Vue v-for循环之@click点击事件获取元素](https://blog.csdn.net/qq_37591637/article/details/88863254)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]