mpvue 小程序如何使用 iview weapp 中的 tabbar

先将 iview weapp 的 dist文件夹复制到项目的 static/iview 下（ 这个步骤就不赘述了，不懂的可以留言 ）。

在项目 ( app部分 ) 的 appvue 中加入：

在页面 ( page部分 ) 的文件夹下新建 mainjson 文件，写入：

在页面文件夹的 indexvue 文件里写入：

1小程序的使用必须注册小程序这个是官方文档

2注册

在这里插入描述

按顺序 *** 作填写，就可以注册成功

3注册成功就可以在微信公众平台登录（登录地址）扫码就可以登录修改信息

在这里插入描述

新建一个微信小程序，在小程序目录下 输入命令：npm init（记得以管理员身份运行开发工具）,然后一直回车，直至在小程序目录下，生成packagejson文件

通过 npm 安装

npm i @vant/weapp -S --production

通过 yarn 安装

yarn add @vant/weapp --production

之后的具体步骤参考 >

微信小程序封装H5域名

使用微信小程序web-view组件进行封装H5网页，最快的速度完成展示型小程序。 注：web-view组件不支持个人小程序，只能认证过的企业小程序。

···

第一步：

在appjson中，设置

"useExtendedLib":{

"weui": true

}

第二步：

在对应需要使用组件的页面json文件中，引入，例如引入d框组件

{

"usingComponents": {

"mp-dialog": "weui-miniprogram/dialog/dialog"

}

}

第三步：在对应wxmll文件中，引入结构

<mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{[{text: '取消'}, {text: '确认'}]}}">

<view>test content</view>

</mp-dialog>

以上就是关于mpvue 小程序如何使用 iview weapp 中的 tabbar全部的内容，包括:mpvue 小程序如何使用 iview weapp 中的 tabbar、微信小程序注册后怎么使用、微信小程序如何使用npm，使用vant组件等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！