第一次做移动端的项目使用了vant-ui，在用grid组件的时候出了个bug。

在这里插入图片描述

当刷新页面或页面发生错误时，九宫格布局会变成下图这样

在这里插入图片描述

图标突然变小，随便点击一下其它页面就又恢复正常。出现的原因不是太清楚。但是找到了解决方法。
把图片放到slot里就可以了。

// 原来的代码
<van-grid-item text="巡察实施" to="/inspection">
   <img src="../../assets/巡查实施.svg" alt />
</van-grid-item>

// 修改后的代码
<van-grid-item text="巡察实施" to="/inspection">
	<div slot="default">
    	<img src="../../assets/巡查实施.svg" alt />
    </div>
</van-grid-item>
Logo
HarmonyOS开发者社区

讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐

cover

你有疑问，我有答案！「领航者说」“智解鸿蒙•问答挑战赛“火热启动中，参与活动赢CSDN会员+定制好礼！

avatar HarmonyOS开发者社区

携手共建场景化解决方案 共享鸿蒙新世界

共创新价值，从“使用鸿蒙”走向“共建鸿蒙”，从“技术受益者”成为“生态贡献者”，携手共建共享鸿蒙新世界。技术介绍资料，包括技术名称、技术能力介绍、技术应用场景、技术能力价值/亮点、使用案例及联系方式，华为。这些成果不仅是技术的突破，更是鸿蒙生态“共建、共享、共赢”理念的最佳实践。鸿蒙生态秉承着持续开放、协同共建的发展理念，为积极参与。

avatar HarmonyOS开发者社区

CodeGenie AI辅助开发意图，让小艺“看见”你的鸿蒙应用

是功能更强大和灵活的一个装饰器，绑定UIAbility/UIExtensionAbility组件，允许你配置Ability的执行模式（前台或后台），你可以在对应的模式回调方法中实现复杂的意图处理逻辑，比如跳转到不同的页面或执行一系列操作。MusicListPage类的头部后，在装饰器的代码块内点击“右键” => “Code Genie” => “Add Intent Plugin”，即可在IDE的

avatar HarmonyOS开发者社区