mpvueiview weapp的引入和调用

Posted mijiujs

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了mpvueiview weapp的引入和调用相关的知识,希望对你有一定的参考价值。

文档:https://weapp.iviewui.com/docs/guide/start

github:https://github.com/TalkingData/iview-weapp

到github下载 iView Weapp 的代码,将 dist 目录拷贝到项目中。

技术图片

 

 

 在要使用的页面的main.json文件中引入

{
    "navigationBarTitleText": "个人信息",
    "usingComponents": {
        "i-cell-group": "/static/iView/cell-group/index",
        "i-cell": "/static/iView/cell/index"   
    }
}

在vue中使用

<i-cell-group>
            <i-cell title="修改信息" is-link @click="toOtherPage(‘me_infoFix‘)"></i-cell>
            <i-cell title="修改密码" is-link @click="toOtherPage(‘me_changePassword‘)"></i-cell>
            <i-cell title="退出账号" @click="signOut"></i-cell>
</i-cell-group>

  

以上是关于mpvueiview weapp的引入和调用的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序引入外部组件 iView Weapp

微信小程序引入Vant Weapp

微信小程序引入Vant Weapp

小程序的 iview Weapp 组件库的使用

微信小程序npm引入vant-weapp库的方法

小程序引入vant-Weapp