微信小程序Vant Weapp里面Calendar 日历组件不显示的问题

想用Vant Weapp弄个弹出日历选择日期的组件，但是发现按照Vant Weapp里面的文档复制粘贴就翻车了。

复制粘贴后小程序界面空空如也，啥都没有。
百度了一番也没有帖子写这个问题，然后我就只能自己发现问题了。
突然发现

<van-cell title="选择单个日期" value="{{ date }}" bind:click="onDisplay" />
<van-calendar show="{{ show }}" bind:close="onClose" bind:confirm="onConfirm" />

这里面应该引入两个组件，而Vant Weapp里面只引入了一个。所以上面那一行就显示不出来了。这时候只需要在json里面加上下面这一段就可以了。

  "usingComponents": {"van-calendar": "@vant/weapp/calendar/index","van-cell": "@vant/weapp/cell/index"}

微信小程序Vant Weapp里面Calendar 日历组件不显示的问题相关推荐

微信小程序——Vant Weapp的初步使用说明
在微信工程目录下在终端中输入npm init(初始化设置) 不用输入继续回车(全部默认即可) 整个步骤结束以后它会在\miniprogram目录下生成两个json文件不用去修改它自动生成的文件,接 ...
微信小程序 - Vant weapp UI 框架环境搭建详细教程（Window）
前言强烈推荐您打开官方文档,对照着本教程一起对比搭建坏境. 自从 2022 年开始,小程序做了很多改变和升级, 导致网上很多搭建教程文章的教程失效了,本文来做最新的教程. 第一步为了更贴合新手, ...
微信小程序 Vant Weapp 引入Dialog的使用
首先在当前目录的JOSN文件里 "usingComponents": {"van-dialog": "@vant/weapp/dialog/index ...
微信小程序自定义带金额的日历组件
// component/dateSelect/dateSelect.jsComponent({/*** 组件的属性列表*/properties: {timeData: {type: Array,va ...
微信小程序开发学习5（自定义组件）
微信小程序开发学习5(自定义组件) 1.学习目标能够知道如何自定义小程序组件能够知道小程序组件中behaviors的作用能够知道如何安装和配置vant-weapp组件库能够知道如何使用MobX ...
【微信小程序经验】各类图表相关组件+Demo源码（折线图，柱状图，K线，分时图）
各类图表功能,小程序自带API并没有提供,所以很多人就用了其他方法来实现,我将这些实现方法和教程聚合一下,以便能够迅速而方便的使用: 相关文章: 在微信小程序中绘制图表(part1) 在微信小程序中绘 ...
微信小程序template模板与component自定义组件的区别和使用
前言: 除了component,微信小程序中还有另一种组件化你的方式template模板,这两者之间的区别是,template主要是展示,方法则需要在调用的页面中定义.而component组件则有自己 ...
微信小程序自定义select下拉选择组件
微信小程序自定义select下拉选择组件微信小程序原生开发中,常用到的是从底部弹起的滚动选择器(picker),而有些项目需要用到下拉选择,话不多说,下面就可以把下拉选择封装成一个自定义组件: 1. ...
微信小程序定时器获取消息并在tabber按钮显示未读消息
微信小程序定时器获取消息并在tabber按钮显示未读消息 onShow() {let that = this;this.getUserToken();wxService.setPageTitle(&q ...

微信小程序Vant Weapp里面Calendar 日历组件不显示的问题

微信小程序Vant Weapp里面Calendar 日历组件不显示的问题相关推荐

最新文章

热门文章