
小程序模板:巧用data-属性灵活传递参数
为了提高小程序代码的可维护性和可读性,通常会将模板和逻辑代码分离。但有时需要在模板中传递参数。本文介绍一种高效方法,避免传统方法的冲突问题。
传统方法常使用catch:tap事件绑定,在JS方法中接收参数。然而,当type等参数已被占用时,这种方法就显得力不从心。
小程序的data-属性提供了解决方案。它允许在模板元素中添加自定义属性,并在JS方法中通过e.target.dataset访问。
代码示例
易通(企业网站管理系统)是一款小巧,高效,人性化的企业建站程序.易通企业网站程序是国内首款免费提供模板的企业网站系统.§ 简约的界面及小巧的体积:后台菜单完全可以修改成自己最需要最高效的形式;大部分操作都集中在下拉列表框中,以节省更多版面来显示更有价值的数据;数据的显示以Javascript数组类型来输出,减少数据的传输量,加快传输速度。 § 灵活的模板标签及模
以下示例演示如何使用data-属性传递参数:
保存
saveInfo: function (e) {
let id = e.target.dataset.id;
console.log("id: " + id); // 输出:id: 1
},
在这个例子中,e.target.dataset.id的值为1。
重要提示: data-属性仅适用于DOM元素,不适用于小程序组件。









