
小程序模板数据传递方法
小程序模板本身并不直接支持参数传递。 有效的解决方案是利用 data-* 属性在模板元素上设置自定义数据集,并在事件监听函数中读取这些数据。
举例说明,在模板中:
保存
这段代码使用了 data-id 属性,并将 itemId (一个在页面data中定义的变量) 的值赋予它。
采用zblog修改的模板,简单方便,直接解压上传到空间即可使用,页面简单,适合SEO,导航,次导航,最新文章列表,随机文章列表全部都有,网站采用扁平结构,非常适用淘宝客类小站,所有文章都在根目录下。所有需要修改的地方在网页上各个地方都有标注说明,一切在网站后台都可以修改,无须修改任何程序代码,是新手的不二选择。后台登陆地址: 域名/login.asp用户名:admin (建议不要修改)密码:adm
然后,在对应的 JavaScript 代码中:
Page({
data: {
itemId: 123
},
handleSave: function(event) {
const itemId = event.target.dataset.id;
console.log('itemId:', itemId); // 输出 itemId: 123
}
})
event.target.dataset.id 获取了 data-id 属性的值。 请注意,data-* 属性中的驼峰命名法在获取时会转换为下划线命名法。
通过这种方法,您可以将任意数据从页面数据传递到模板中的元素,并在事件触发时获取这些数据。 这是一种灵活且常用的数据传递方式。









