
小程序模板数据传递技巧
小程序模板不支持直接使用模板语法传递参数,本文介绍一种通过data-*属性结合事件处理函数实现参数传递的方法。
在模板中设置参数
在模板元素中,利用data-*属性存储待传递的参数,例如:
保存
在事件处理函数中获取参数
在对应的JavaScript事件处理函数中,通过e.target.dataset对象获取data-*属性的值。例如:
采用zblog修改的模板,简单方便,直接解压上传到空间即可使用,页面简单,适合SEO,导航,次导航,最新文章列表,随机文章列表全部都有,网站采用扁平结构,非常适用淘宝客类小站,所有文章都在根目录下。所有需要修改的地方在网页上各个地方都有标注说明,一切在网站后台都可以修改,无须修改任何程序代码,是新手的不二选择。后台登陆地址: 域名/login.asp用户名:admin (建议不要修改)密码:adm
handleSave: function (e) {
const id = e.target.dataset.id;
console.log("ID:", id);
}
点击带有参数的模板元素后,事件处理函数将成功接收传递的参数。请确保data-*属性名与获取参数的变量名一致。









