微信小程序中ivew weapp控件如何引用

112 阅读 0 评论 74 点赞

我是靠谱客的博主大力寒风，最近开发中收集的这篇文章主要介绍微信小程序中ivew weapp控件如何引用，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本篇文章给大家带来的内容是关于微信小程序中ivew weapp控件如何引用，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

我接触微信小程序没多久，遇到了很多坑，其中一个就需要在组件里引用ivew weapp控件。

因为我使用的是wepy框架，所以page页面引用ivew weapp控件直接在页面的config里使用 usingComponents 引用，如下所示：

config={
    usingComponents: {
        'i-switch': '../iview/switch/index',
        'i-action-sheet':'../iview/action-sheet/index',
        "i-icon": "../iview/icon/index",
        "i-tabs": "../iview/tabs/index",
        "i-tab": "../iview/tab/index",
        "i-cell-group": "../iview/cell-group/index",
        "i-cell": "../iview/cell/index",
        "calendar": "plugin://calendar/calendar"
    },
}
登录后复制

然后就可以在页面上直接使用ivew weapp组件了，后来发现这种方法在组件里不生效，我一度以为是组件里不能用，后来意外发现，组件里需要用到的ivew weapp组件是在其引用的父级页面引入的，，意思就是在父级页面引入组件里所需要的控件，然后组件里就可以直接用了，嗯嗯，就是这么简单，还困惑了我好久，哈哈，希望能帮到你哟！