uniapp-页面之间传值和标签反向传值

之前开发了一款蓝牙工具,本想着使用android原生开发,无意间发现uniapp也可以进行底层开发,结果一系列踩坑开始,几次尝试后,终于没有问题了,今天总结下我用到的页面传值。

一、子标签回传数据:

在开发过程中,我们的代码最好能够实现低耦合,也就是说,页面和子标签之间不要过于依赖,这样既能够实现底层代码复用,也让单个界面干净不少,举个例子:
我们写了一个界面,里面有列表,而且这些列表元素样式很复杂,那么我们就应该单一的写一个列表元素样式,让后在本界面里面复用,但是,子标签里面的值如何回传呢,代码:

子标签代码:






本页面代码:






现在,界面会以列表显示出张三,李四,王五三条数据,当任意点击一条后,后台会打印出信息

二、子界面向上级界面回传数据:

此方式应用在,点击按钮跳转到子界面,子界面在任意地方向上级界面回传数据
父页面代码:


	



子页面代码:


	



运行后点击按钮,后台打印数据:

子页面回传数据为:啦啦啦,这是子页面回传值

你可能感兴趣的:(uniapp,前端)