小程序模板数据传递方法
小程序模板本身并不直接支持参数传递。 有效的解决方案是利用 data-* 属性在模板元素上设置自定义数据集，并在事件监听函数中读取这些数据。
举例说明，在模板中：
<code class="html"><view data-id="{{ itemId }}" bindtap="handleSave">保存</view></code>这段代码使用了 data-id 属性，并将 itemId (一个在页面data中定义的变量) 的值赋予它。
然后，在对应的 JavaScript 代码中：
<code class="javascript">Page({
data: {
itemId: 123
},
handleSave: function(event) {
const itemId = event.target.dataset.id;
console.log('itemId:', itemId); // 输出 itemId: 123
}
})</code>event.target.dataset.id 获取了 data-id 属性的值。 请注意，data-* 属性中的驼峰命名法在获取时会转换为下划线命名法。
通过这种方法，您可以将任意数据从页面数据传递到模板中的元素，并在事件触发时获取这些数据。 这是一种灵活且常用的数据传递方式。
以上就是小程序模板传参：如何在小程序模板中传递参数？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
745
收藏
