写这篇文章在于帮助大家少踩我这个坑。
业务需要在vant中使用vue的v-for方法来循环生成vant-cell单元格,由于本人不是很会vue3,所以踩了不少坑,跟大家分享一下踩坑过程,大家莫笑,哈哈。
循环的数据类型定义为 const tableData = ref([])
刚开始我的思路是通过v-for直接循环就可以,如下图错误代码
由于是ref数据类型,所以tableData0后面添加了.value
调试看效果的时候,控制台打印tableData0数据咩有问题,也咩有任何的报错,页面就是不显示效果,看到官网组件的文档default
这个default就是用于自定义显示在单元格中的内容的,配合template使用
该循环循环。用上template标签配合标识符使用,就可以正常v-for循环cell组件了,希望大家不要踩到我这个坑。因为技术不太好,官网文档也只是一笔带过,我卡了好久,希望大家不踩这个坑。