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://lswzjz.com/article/jdpjoe.html