wepy2.0中使用vant-weapp组件

Posted WMY

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了wepy2.0中使用vant-weapp组件相关的知识,希望对你有一定的参考价值。

npm i vant-weapp -S --production

在项目下的package.json下看是否有了vant字段

最最最重要的,在引入的时候通过module映入

<config>

{

    navigationBarTitleText: ‘WePY 2.0 Feature Demo‘,

    usingComponents: {
    
    panel: ‘~@/components/panel‘,
    
    counter: ‘~counter‘,
    
    list: ‘../components/list‘,
    
    group: ‘../components/group‘,
    
    "slide-view": "module:miniprogram-slide-view",
    
    "van-button": "module:vant-weapp/dist/button/index"
    
    }

}

</config>
<van-button type="danger">危险按钮</van-button>

 

以上是关于wepy2.0中使用vant-weapp组件的主要内容,如果未能解决你的问题,请参考以下文章

解决 mpvue 项目使用 vant-weapp 组件库 Uploader 时其中的 after-read 方法回调函数调用不成功

微信小程序-vant-weapp日历组件的使用(年月日)

微信小程序中使用vant-weapp中时间控件默认显示每月1号

小程序使用WeUI、vant-weapp组件px转rpx

微信小程序导入Vant-Weapp组件库及出错处理

微信小程序,引用vant-weapp库,上传组件uploader,支持多选