vue 点击获取dom元素的位置 getBoundingClientRect()
html:<ul><li v-for="(tag,index) in tags" :key="index"><img :src="tag.image" alt=""><p>{{tag.label}} <i cl...
·
html:
<ul>
<li v-for="(tag,index) in tags" :key="index">
<img :src="tag.image" alt="">
<p>{{tag.label}} <i class="cubeic-add" @click="addtocart($event,tag)"></i></p>
</li>
</ul>
js:
//添加商品到购物车
addtocart(e,tag){
//让我们小球显示出来
this.ball.show=true
//获取点击元素
const rect=e.target.getBoundingClientRect()//获取点击的dom的位置
console.log(rect)
},
更多推荐
已为社区贡献39条内容
所有评论(0)