响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

2024年微信小程序 属性传值(精选3篇)

微信小程序 属性传值 第1篇

在跳转到的界面的一些生命周期的函数中有一个options,它是包含url地址中参数的对象,可以通过它直接点获取。

这里首先要铺垫一下deatil

ok,接下来要说取值了,常规的做法是通过 与 标签配合使用,然后给input一个name属性,我们在js中就可以使用

对新手来说这里有一点小坑,新手可能会有疑惑 为什么没有给button绑定事件呢,是不是需要在绑定一个事件,其实不用, 已经绑定了事件,我们在 js 中只需要写一个叫 formSubmit 的函数就好了

此处有引用

好记性不如烂笔头,记录一下自己犯过的一些小错❤

微信小程序 属性传值 第2篇

A页面部分js代码

B页面部分js代码

说明:url上直接携带参数长度是有限的且不支持特殊符号,可用编码、解码的方式解决, 在传参之前进行编码encodeURIComponent(), 接收的时候进行解码decodeURIComponent()。

A页面部分js代码

B页面部分js代码

A页面部分wxml

B页面部分js代码

微信小程序 属性传值 第3篇

(“方法名称”, {key: val });

这样就能将 {key: val } 这个数据通过一个方法返回给父组件

而父组件中,需要通过bind绑定子组件返回的这个方法,进而拿到传过来的数据

接下来用这个来做演示:(“tabsItemChange”, {name: ‘cj’ });

tabsItemChange  ====> 就是bind要绑定的方法,至于父组件中要给这个绑定的方法关联什么名字的函数,随便起名字都行,这里我就起名叫做【getSonNameChange】

然后在父组件的js文件中声明这个函数,获取子组件传过来的数据,注意:是在父组件的js中定义这个函数!

此时,就能获取到子组件传给父组件的数据了

注意: 子组件可以直接传一个对象给父组件,这样就不用把每个键值对都写出来了

猜你喜欢