【无标题】

本文展示了如何在Vue.js应用中利用v-on:click事件处理函数获取并展示数据库中的节点ID。通过点击HTML元素,触发showdetails方法,该方法接收到item的_id和索引作为参数,用于进一步的数据操作。示例代码包括了Vue.js的模板语法,如v-for循环和事件绑定,以及对应的JavaScript方法实现。
摘要由CSDN通过智能技术生成

点击节点获取该节点从数据库返回的id

HTML代码( v-on:click=“showdetails(item._id,index)” 绑定点击事件,传入id与索引)

`    <div class="col-md-3 project-grid" 
          v-for="(item,index) of carlist"
          :key="item._id"
          v-on:click="showdetails(item._id,index)" >
          <a href="#" class="mask"> 
               <img class="img-responsive zoom-img"
                 :src="item.img[0]._rawValue[0].imgurl"
                 alt="" /> 
           </a>
           <div class="most-1">
              <h5><a href="#">{{item.name}}</a></h5>
              <p>三厢 5座 自动 </p>
              <p style="float:left;color:#f30">¥{{item.dayprice}}/天</p>
              <a href="#" style="float:right" class="hvr-sweep-to-right more">查看详情</a>
          </div>
      </div>`

js代码

        showdetails(item, index) {
          // console.log(item)
          console.log(item,index)
        },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值