微信小程序-页面如何引用自定义组件

上一篇：如何创建自定义组件

此篇主要介绍在页面中如何引用自定义组件

自定义组件文件位置 ：

pages文件夹跟components 的路径位置 

我在【绝对路径：pages/index/studentList/studentList】 studentList页面，调用【绝对路径：components/dropdownmenu/dropdownmenu】dropdpwnmenu组件；

第一：在studentList.json中进行引用说明, 这里是设置自定义组件的标签名和引用路径；

"usingComponents": {
    "dropdownmenu": "/components/dropdownmenu/dropdownmenu"
  },

第二：在studentList.wxml中调用组件

<dropdownmenu id="drop" bind:callSomeFun="onHideS" dropDownMenuTitle='{{dropDownMenuTitle}}' dropDownMenuSourceData='{{data2}}' dropDownMenuStyleData='{{data3}}' dropDownMenuFilterData='{{data4}}'
  bind:selectedItem='selectedItem' />

第三：在studentList.js中初始化数据

dropDownMenuTitle: [],
    data2: [],
    data3: [],
    data4: [],

---

 往期回顾：

【1】如何实时统计输入框用户输入字数？

【2】怎么防止用户表单二次提交，你知道吗？

【3】页面如何调用组件内置方法？

---

❤如果文章对您有所帮助，就在文章的右上角或者文章的末尾点个赞吧！(づ￣ 3￣)づ

❤如果喜欢大白兔分享的文章，就给大白兔点个关注吧！(๑′ᴗ‵๑)づ╭❤～

❤对文章有任何问题欢迎小伙伴们下方留言或者入群探讨【群号：708072830】

❤鉴于个人经验有限，所有观点及技术研点，如有异议，请直接回复讨论（请勿发表攻击言论）。