接着上篇 小程序,自定义组件如何传递数据给页面 。
这篇我说说 页面是用什么方式传值给自定义组件?
这篇利用上篇的search-comp组件来演示。
一.自定义组件该做什么?
- search-comp.js中找到 properties 属性,在里面自定义 searchcompdata 属性,并且数据类型为String,value默认值为 "查找 大饼"。只有这里定义了该属性,后面了该组件的页面才能通过该属性传值过来。
2.search-comp.wxml页面中的input标签 placeholder 属性绑定{{searchcompdata}}。
二.引用组件的页面该做什么?
- 因为上面已经在search-comp.js中自定义了 searchcompdata 属性,所以就可以在主页面index.wxml 中的 search-comp 标签中使用 searchcompdata属性。顺便绑定一个index.js中定义的变量 indexname。
效果图:
总结:
页面给自定义组件传值是使用组件的属性(properties)来做为桥梁传递的。
谢谢大家浏览,喜欢的点个赞或者关注下,虽然都只是入门级别的,但只有入门级别的掌握好了才能往上走。以前看别人技术博客,觉得几分钟就看完,殊不知别人花了多少时间写。
我是只说代码的大饼,不要只是写代码时想起我,饿了也可以想起我。