Vant在h5中form或cell组件只显示一行的问题

最近公司的MVC结构的老项目中需要重新开发几个页面,所以引入了vant和vue.js的cdn外链之后就直接上手做。

官方给出的案例是这个样子的:

<van-cell-group>
  <van-cell title="单元格" value="内容" />
  <van-cell title="单元格" value="内容" label="描述信息" />
</van-cell-group>

查看效果后发现只显示第一行的单元格,第二行的单元格并不显示。
后来想起来vant的文档中说过在h5中使用需要把此处的单标签改为双标签。

改为双标签后就正常显示了:

<van-cell-group>
  <van-cell title="单元格" value="内容" /></van-cell>
  <van-cell title="单元格" value="内容" label="描述信息" /></van-cell>
</van-cell-group>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容