微信小程序 点击事件，鼠标点到哪里，图片就显示到哪里

showKnock:function(e){

    thissetData({

        flags:true,

        left:edetailx,

        top:edetaily

    })

},

小程序在使用时，经常会在不同的页面用到相同的页面结构，这个时候我们如果一个个写的话没有必要，这个时候可以使用模板（template）或者组件（component）。

二者区别 在于：

1、需要定义模板：一个templatewxml文件中能写多个模板，用name区分，

下面定义两个模板

2、使用这两个模板，在对应的wxml文件引入：

3、上面在模板content里定义了点击事件subtractNum方法，因为template中没有js文件，因此template中的点击事件，在使用页面中的js里定义。

建议将有子列表 *** 作交互的写成component。

示例：

对应组件的wxml跟page里的wxml一样：

2、使用自定义组件前，首先要在页面的 json 文件中进行引用声明。此时需要提供每个自定义组件的标签名和对应的自定义组件文件路径

这样，在页面的 wxml 中就可以像使用基础组件一样使用自定义组件。节点名即自定义组件的标签名，节点属性即传递给组件的属性值。

下一节将进入如何 组件向父级传值（组件通信）

view标签 加 bindtap事件，用data-name传值，如果view中只有文字，点击整个view区域都可以接收到data-name的值，如果view里面加一个lable标签，那么点击lable包裹的区域，data-name取不到值。

解决方法：把取值方式 由etargetdatasetcarrierName 修改为ecurrentTargetdatasetcarrierName即可！

1、请求获取的数据赋值给页面data中；

2、页面 wx:for循环输出 并每个item中添加bindtap点击事件 clickid(itemid)

3、js中clickid点击事件中 就拿到id了

clickid(id){

consolelog(id)

}

以上就是关于微信小程序 点击事件，鼠标点到哪里，图片就显示到哪里全部的内容，包括:微信小程序 点击事件，鼠标点到哪里，图片就显示到哪里、小程序模板和组件的区别（点击 *** 作事件）、微信小程序的view的bindtap点击事件怎么传值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！