Vuev-for循环之@click点击事件获取元素示例-营山大橙子建站

这里有您想知道的互联网营销解决方案

Vuev-for循环之@click点击事件获取元素示例

应用背景

创新互联公司专注于阿荣企业网站建设,响应式网站,电子商务商城网站建设。阿荣网站建设公司,为阿荣等地区提供建站服务。全流程按需网站设计，专业设计，全程项目跟踪，创新互联公司专业和态度为您提供的服务

浏览论坛的贴子（数据库的数据通过vue遍历在html页面上）

点击帖子的标题、图片，可以查看详细的帖子（点击事件获取id）

1、设置一个隐藏值的放置Id的div，点击div就获取id，传参到后台（点击一部分）





Vue 测试实例 - 菜鸟教程(runoob.com)




 
  
 {{ site.id }} {{ site.name }} {{ site.num }} {{ site.sex }}

2、在图片上添加点击事件，把id传进去

 
    {{ site.name }}{{ site.num }}{{ site.sex }}

@click一般都是获取这个点击的





Vue 测试实例 - 菜鸟教程(runoob.com)




 
  
 {{ site.name }} {{ site.num }} {{ site.sex }}

使用场景不同，优势不同

以上这篇Vue v-for循环之@click点击事件获取元素示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持创新互联。

名称栏目：Vuev-for循环之@click点击事件获取元素示例
网站链接：http://scyingshan.cn/article/jdpjoe.html