微信小程序引用自定义组件

明知山

发布于 2020-09-03 10:26:47

1.1K0

发布于 2020-09-03 10:26:47

新建一个component文件夹与page文件夹平级，新建个power文件夹， 里面的wxml，wxss，js，json都是与page的一样 在.json文件夹中添加

  "component": true

我在.wxml就简单写一句话，具体的可以自己根据业务添加wxss和js

<view>
<p>实力与野心不符，是件很可悲的事情</p>
</view>

然后在需要引入组件的页面.json文件中

  "usingComponents": {
    "power": "../../component/power/power"
  },

最终的页面展示

<!--index.wxml-->
<view>
<view bindtap="getchange">{{msg}}</view>
<view bindtap="getapi">扫一扫</view>
<power></power>
</view>

引入一个最简单的组件就完成了

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2019-09-02 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度