小程序开发-自定义组件的扩展

由于本人喜欢封装组件做到高内聚,这样的好处是,拿来就用,如果封装一个组件,需要外部耦合,那么将没法做到很好的复用,因为耦合的部分需要每次重新开发。

最近遇到了一个业务场景是这样,如图:

小程序开发-自定义组件的扩展

1. 页面展示主页,主页可以浏览,也可以点击去其他页面,主页有登录按钮,登录按钮点击显示登录view(注意:登录不是跳去登录页,而是在当前页做view切换)。

2. 登录view中可以填写用户名、密码,可以登录、可以返回(返回到主页view)。

愉快的开发起开

1. 首先将主页是小程序的一个页面,由于我希望登录模块是通用的,既然不是新的页面,就做成一个组件。

2. 登录组件命名为login-view,愉快的开发完毕。

3. 接下来页面引用组件,并在wxml中使用

<view class="home-container" wx:if="{{!showLogin}}"></view> <login-view wx:else></login-view>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wssyzx.html