微信扫码登录

其他登录方式

绑定手机号

注册

我同意用户协议

忘记密码

用户协议

绑定手机号

近期有不法分子打着爱盈利的旗号,制作“爱盈利”名称的App,并伪造爱盈利证件,骗取用户信任,以抖音点赞赚钱或其他方式赚钱为名义,过程中以升级会员获得高佣金为名让用户充值。
爱盈利公司郑重声明:我司没有研发或运营过任何名为“爱盈利”的APP,我司做任务赚钱类产品从没有让任何普通用户充值升级会员。我公司产品均在本网站可查询,请将网站拉至底部,点击“关于我们”可查看爱盈利相关产品与服务。
温馨提示:当遇到此类问题请拨打官方电话或添加官方微信,以免财产损失。爱盈利官网地址:www.aiyingli.com。
  • 推广与合作
X

小程序丨【已解决】关于自定义组件Component的使用问题

来源: 3146




1、对于组件页面需不需要在app.json中的pages 定义?

2、component.js 文件中需不需要定义 Page({})?

3、component.json 文件中声明了

               "component": true

就表示该page就是自定义的组件?


由于才体验过程中一直有些许报错提示,所以想确定一下,希望官方能分享一下;


网友回复:

新***:

存在component相关问题的同学有时间可以讨论一下,大神尝试成功了也请分享一下吧

H***:

https://mp.weixin.qq.com/debug/wxadoc/dev/framework/custom-component/

新***:系统记录
L***:

你好,“该page就是自定义的组件”,这样的理解是不正确的。自定义组件不是Page,是独立的的一组 js/wxml/wxss/json 文件,所以它不需要在pages列表中定义,也不需要调用Page({})。

新***:

好的,我想是因为我直接通过编译模式去调试这个组件所以出现了这个问题,而且我也尝试了一下,以上的方式也能做成组件,这是正常的吗?组件也能正常使用

L***:

意思是把组件也列在pages列表中吗?是可以的这样做的,这样的话,这组文件既是自定义组件又是page。

新***:

嗯嗯,这样的话职责就不单一了,而且整个页面都是组件了吧?

L***:

对。换句话说就是 Component() 也可以用来定义页面(如果你觉得这个构造器比 Page() 好用的话)。

新***:

嗯嗯,同样都有生命周期,但还没深入了解,怎么用还是要看需求吧;不过这个功能和H5页面来得很及时,正好能用,66666

大***:

按照官方文档自定义组件使用了一下,结果并没有显示。


  1. 在 pages/test2/test2.wxml 中定义组件的,这一步应该不会出错;

  2. 在pages/test/test.wxml 中使用上面定义的组件,文档中说需要在 json 文件中进行配置:


    疑问一:这个地方组件名称是随便取的还是什么,我这里随便取的 test2;

    疑问二:还有后面的路径,是指向 wxml 文件还是指向其它文件还是直接 '../test' 到组件目录就行,我这里指向 wxml 文件的。


{
  "usingComponents": {
    "test": "../test2/test2.wxml"
  }
}


    3. 我在 text.wxml 中是这样写的:

<view>
  <!-- 以下是对一个自定义组件的引用 -->
  <test innerText="Some text xxxxxxx">
    <view>这里是插入到组件slot中的内容 xxxxxxx</view>
  </test>  
</view>


    结果 innerText 那个属性并没有显示出来,


    @新新新丶    @LastLeaf    能不能帮忙看下是哪里写错了还是什么?

爱盈利(aiyingli.com)移动互联网最具影响力的盈利指导网站。定位于服务移动互联网创业者,移动盈利指导。我们的目标是让盈利目标清晰可见!降低门槛,让缺乏经验、资金有限的个人和团队获得经验和机会,提高热情,激发产品。

评论

相关文章推荐

SELECT dw_posts.ID,dw_posts.post_title,dw_posts.post_content FROM dw_posts INNER JOIN dw_term_relationships ON (dw_posts.ID = dw_term_relationships.object_id) WHERE 1=1 AND(dw_term_relationships.term_taxonomy_id = 5246 ) AND dw_posts.post_type = 'post' AND (dw_posts.post_status = 'publish') GROUP BY dw_posts.ID ORDER BY RAND() LIMIT 0, 6

京ICP备15063977号-2 © 2012-2018 aiyingli.com. All Rights Reserved. 京公网安备 11010102003938号