小程序模板：巧用data-属性灵活传递参数
为了提高小程序代码的可维护性和可读性，通常会将模板和逻辑代码分离。但有时需要在模板中传递参数。本文介绍一种高效方法，避免传统方法的冲突问题。
传统方法常使用catch:tap事件绑定，在JS方法中接收参数。然而，当type等参数已被占用时，这种方法就显得力不从心。
小程序的data-属性提供了解决方案。它允许在模板元素中添加自定义属性，并在JS方法中通过e.target.dataset访问。
代码示例
以下示例演示如何使用data-属性传递参数：
<code class="html"><view data-id="1" bindtap="saveInfo">保存</view></code>
<code class="javascript">saveInfo: function (e) {
let id = e.target.dataset.id;
console.log("id: " + id); // 输出：id: 1
},</code>在这个例子中，e.target.dataset.id的值为1。
重要提示： data-属性仅适用于DOM元素，不适用于小程序组件。
以上就是小程序模板如何灵活传递参数？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
420
收藏
