微信小程序中使用van-calendar在开发工具上面调试正常，到真机中出现样式问题，在app.json中删除“componentFramework“: “glass-easel“即可解决

最新推荐文章于 2024-05-31 17:34:30 发布
最新推荐文章于 2024-05-31 17:34:30 发布
阅读量720 收藏 6
点赞数 10
分类专栏： 微信小程序学习笔记 文章标签： 微信小程序 json 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44912902/article/details/135645707
版权
文章讲述了在使用微信开发者工具时遇到的问题，怀疑是基础库版本或vant版本问题，最终发现删除`componentFramework:glass-easel`配置后解决了显示异常。
摘要由CSDN通过智能技术生成

刚开始我怀疑是调试基础库版本的问题，我换了最新的版本也是不行，后面尝试换vant版本，也不行。。

微信开发者工具调试界面

在这里插入图片描述

真机调试界面

在这里插入图片描述

解决办法

删掉"componentFramework": "glass-easel"即可

"componentFramework": "glass-easel"

在这里插入图片描述

正常显示

在这里插入图片描述

令人作呕的溏心蛋
关注
  • 10
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
微信小程序日历组件-calendar
03-29
原生的日期选择器picker只支持公历，于是采用picker-view自定义了一个组件，可以支持农历。         (此图片来源于网络，如有侵权，请联系删除! ) 模版使用：   src="../cal/calendar.wxml">   is="calendar" data="{{selected_value,days,month,years,lunar_years,lunar_month,lunar_days,selectDateType,lunar_selected_value}}"> JS代码使用：   var Calendar = require('../cal/calend
微信小程序getLocation 需要在app.json中声明permission字段
10-15
主要介绍了微信小程序getLocation 需要在app.json中声明permission字段，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
linux安装部署k8s(kubernetes)和解决遇到的坑
yinjl123的博客
04-18 1076
##记住这个命令,后续添加节点时,需要此命令 ###kubeadm join 192.168.0.5:6443 --token rt0fpo.4axz6.... #按提示要求执行如下命令: mkdir -p $HOME /.kube sudo cp -i /etc/kubernetes/admin.conf $HOME /.kube/config sudo chown $( id -u) : $( id -g) $HOME /.kube/config。
微信小程序开发遇到一些问题
shuang__zi的专栏
01-11 7100
微信小程序开发问题集合
微信小程序中应用van-calendar时加载时间过长，以及设置min-data无效的问题解决
最新发布
qiqiliuwu的博客
05-31 640
二、vue中min-data的写法是:min-data=“new Date(2023, 0, 1)”，而在小程序中的写法则是min-data=“{{ minData }}”，minData的值为：new Date(2023, 0, 1).getTime()。一、我们微信小程序中应用van-calendar时，如果没有设置min-data，那么页面的加载时间会非常长，所以，1、minData的值只能在js文件中设置，不能直接写进页面里边，因为页面中不能识别 new Date()，会报错；
微信小程序项目结构
m0_65023976的博客
10-21 801
自定义组件是指在小程序中可以重复使用的组件，可以在不同的页面中引用。其中js文件用于定义组件的行为，wxml文件用于定义组件的结构，wxss文件用于定义组件的样式。是小程序的页面结构文件，用于描述小程序页面的结构。除了.wxml文件之外，index还可能包含一个.wxss文件，用于描述小程序页面的样式，以及一个.js文件，用于处理小程序页面的逻辑。在小程序项目中，index通常是最重要的文件之一，因为它是小程序的入口页面，也是用户首次打开小程序时看到的页面。pp.wxss是小程序项目的全局样式文件。
微信小程序开发之框架篇
m0_73647713的博客
10-16 1823
事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息，如 id, dataset, touches。
微信小程序中@vant/weapp的组件van-calendar及van-picker显示异常问题
longlongValue
01-07 1253
由于新的项目需求将来部署环境可能设计小程序及PC端，在技术选型的时候也增纠结过uniapp+uView2.0还是微信小程序原生+vant。当然了，从标题想必也看出来我选了什么了。本来以为会很顺利的将页面原型百分之九十九点九九九九…的还原出来，但是往往事非人愿，新建了小程序并集成了weapp vant以后，并非一帆风顺。
微信小程序学习笔记（二）-- 开发之框架
关注我！带你一路 "狂飙" 到底！
02-03 1485
可以在开发者工具中开启 debug 模式，在开发者工具的控制台面板，调试信息以 info 的形式给出，其信息有 Page 的注册，页面路由，数据更新，事件触发等。小程序根目录下的 sitemap.json 文件用于配置小程序及其页面是否允许被微信索引，文件内容为一个 JSON 对象，如果没有 sitemap.json ，则默认为所有页面都允许被索引。在 page 的 wxss 文件中定义的样式为局部样式，只作用在对应的页面，并会覆盖 app.wxss 中相同的选择器。注册小程序中的一个页面。
2.微信小程序app.json 以及app.js使用配置_APP_微信小程序_
10-01
在微信小程序的开发过程中，`app.json` 和 `app.js` 是两个至关重要的核心配置文件，它们分别负责全局配置和应用程序逻辑控制。 `app.json` 文件是微信小程序的全局配置文件，它定义了小程序的整体结构和一些全局...
微信小程序：开发入门之配置文件（app.json）（二）
01-03
继《微信小程序：开发入门之配置文件（app.json）（一）》讲了配置文件（app.json）中的pages和windows配置，今天来为大家接着整理一下abBar、networkTimeout、debug配置 tabBar配置 当程序顶部或底部需要菜单栏时，...
微信小程序-原生-使用微信开发者工具
09-05
总结来说，使用微信开发者工具进行微信小程序的原生开发，需要掌握JS、WXML和WXSS的语法，理解小程序的生命周期，利用组件化和API实现各种功能，同时在开发过程中充分利用调试工具，确保程序的稳定性和用户体验。
微信小程序 页面配置文件
Vue1024的博客
10-20 777
微信小程序 页面配置 // pages/demo01/demo01.js Page({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */
【微信小程序独立开发1】项目提出和框架搭建
qq_41481924的博客
01-12 802
从0开始开发微信小程序，
小程序中vant-weapp时间选择使用方法
小傲哥哥的博客
07-23 1750
每天学一点，慢慢进步，不要浮躁！
小程序第二章总结
m0_74843457的博客
03-04 549
wxml 文件与.wxss 文件的集合：wxml 文件用于描述页面的结构；1.在项目主目录下新建一个pages目录，在pages目录下新建一个news目录，并在news目录下新建news.js、news.json、news.wxml、news.wxss空文件。2.打开news.wxml文件，输入“欢迎大耳朵图图学习小程序”。当小程序被启动或小程序内的页面进行跳转时，小程序会根据app.json设置的路径找到相对的资源进行数据绑定。中，负责小程序的整体配置，他们的名称是固定的。，这3个文件必须放在。
微信小程序skyline渲染引擎尝鲜
weixin_63212264的博客
08-29 4228
新的skyline渲染引擎能提升性能，减少卡顿，接下来编写长列表代码来测试新引擎的实际性能表现如何。在性能的表现上官方给出的首屏渲染速度数据如图我们用长列表的渲染数据量对比的结果 2000( webview ) / 7000(skyline) 和官方标定的性能对比图类似，使用skyline引擎渲染的界面确实速度有质的飞跃（至少在长列表渲染场景中）。
【Vant Weapp】van-calendar 日历
joanmelon的博客
11-10 2952
将整个激活状态的的红色改成蓝色color="#4c66da" 通过show-confirm="{{ false }}"不展示默认的确定按钮。 利用官方文档的中的slots自定义底部区域的内容 通过onConfirm拿到拖拽后的日期，然后对他进行格式化，拿到我们需要的时间格式。 通过onConfirmAll 关闭日历，这个时候通过上一步已经拿到时间值。如果取消的话，就清空所有的值，default默认值也要删除哦。 ​
微信小程序使用vant calendar日历组件 default-date 默认选中的日期无效?
m0_61020843的博客
09-27 1552
微信小程序使用vant calendar日历组件 default-date 默认选中的日期无效?
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

令人作呕的溏心蛋

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值