youzan / vant-weapp

轻量、可靠的小程序 UI 组件库
https://vant.pro/vant-weapp/
MIT License
17.67k stars 3.48k forks source link

[Bug Report] 使用vant-skeleton组件时实时渲染的问题 #5826

Open wyxh2004 opened 2 months ago

wyxh2004 commented 2 months ago

重现链接

<van-skeleton avatar-size="100rpx" title="true" avatar="true" row="1" loading="{{ loading }}">
    <view class="avatar" bind:tap="goToRegister">
        <fui-avator style="margin-right: 50rpx" text="我" background="#FFB703" />
        登录查看更多信息
        <view wx:if="{{userInfo.nickname}}">{{userInfo.nickname}}</view>
        <van-button wx:else round src="{{userInfo.avatorUrl}} || null" type="info" bind:click="goToRegister" color="rgba(244, 239, 12, 0.43)">
            点击登录
        </van-button>
    </view>
</van-skeleton>

Vant Weapp 版本

1.11.4

描述一下你遇到的问题。

在编辑调用了vant-skeleton组件的页面时,给skeleton组件内部的子组件绑定bind:tap事件并Ctrl + S保存后,模拟器中会重新加载loading占位图形并一直卡在loading动画上,只有重新编译之后才能正常显示skeleton内的内容

重现步骤

给示例代码中的bind:tap的goToRegister函数添加一行console(“123”),模拟器显示骨架屏动画并卡住,重新编译后才能正常显示skeleton内的内容

设备/浏览器

vscode,微信开发者工具

landluck commented 2 months ago

image 可以尝试先把开发工具的这个选项关掉试试,这个功能在某些场景下会有异常。如还不行,需要提供可复现的代码片段