专栏首页前端开发随笔微信小程序引用自定义组件

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

新建一个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>

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信小程序弹窗禁止页面滚动

    在小程序弹窗时,外部页面禁止滚动, 可以在最外部容器设置catchtouchmove 但是如果弹窗内部也需要滚动,需要用scroll-view包裹,并设置sc...

    wePanda
  • Vue Router配置参数、404页面

    wePanda
  • 微信小程序密码输入框

    wePanda
  • C++基础-多态

    多态(Polymorphism)是面向对象语言的一种特征,可能使用相似的方式(基类中的接口)处理不同类型的对象。在编码时,我们将不同类型(具有继承层次关系的基类...

    叶余
  • Java 中正则表达式如何匹配竖线(|) , 以及在 Kotlin 中是如何改进的?

    因为 | 在正则表达式中是或的概念,要想匹配就得用转移字符 "|" 但是 "" 又是java的转移字符,要让其在正则中起作用,就得使用: "\|"

    一个会写诗的程序员
  • 美国老师是这样向学生解释什么是特权的!

    一位高中老师用一次简洁有力的实验,在课堂上解释了什么是特权,什么是社会流动性。他先是给每个学生发了一张废纸,并让他们揉成纸团。

    用户1756920
  • 大话中国骨干网(上)

    1987年9月20日,北京中国兵器工业计算机应用研究所的钱天白教授,发出了我国第一封电子邮件,内容是:

    鲜枣课堂
  • GO语言学习笔记(一)一些基础常识以及实现生成随机密码小程序

    GO语言学习笔记(一)一些基础常识以及实现生成随机密码小程序 之前用 nodejs 和 shell 分别实现过生成随机密码的小程序。最近,准备入门一下 gola...

    FungLeo
  • Android获取SDcard目录及创建文件夹的方法

    以上这篇Android获取SDcard目录及创建文件夹的方法就是小编分享给大家的全部内容了,希望能给大家一个参考。

    砸漏
  • 教你如何使用策略模式

    在策略模式中一个类的行为或者其算法在运行是可以进行改变,这种的类型也可以叫做行为型模式。

    青衫染红尘

扫码关注云+社区

领取腾讯云代金券