mpvueiview weapp的引入和调用

Posted 2020-11-24 mijiujs

文档：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>