微信小程序：点击按钮传递数据并打开弹窗渲染详情

在微信原生小程序中，可以通过点击按钮来传递数据，并打开一个弹窗来渲染事物详情。下面是一个示例代码：

在 wxml 文件中，添加一个按钮：

<button bindtap='showDetail' data-item='{{item}}'>查看详情</button>

在 js 文件中，编写按钮点击事件的处理函数：

Page({
  showDetail: function(e) {
    var item = e.currentTarget.dataset.item;
    wx.navigateTo({
      url: '/pages/detail/detail?item=' + JSON.stringify(item),
    })
  }
})

在 detail 页面的 js 文件中，获取传递过来的 item 并渲染详情：

Page({
  onLoad: function(options) {
    var item = JSON.parse(options.item);
    // 在页面中渲染 item 的详情
  }
})

这样，当用户点击按钮时，会触发 showDetail 函数，获取按钮上绑定的 item 数据，并通过 navigateTo 方法跳转到 detail 页面，同时将 item 数据以字符串的形式传递过去。在 detail 页面的 onLoad 函数中，通过 options 参数获取传递过来的 item 数据，并进行渲染。