vue 渲染错误

65 阅读1分钟

数据源没有问题,列表渲染时,样式或内容错误

vue v-for 错误使用导致渲染问题

问题代码

    <div>
        <template v-for="item in trans.list" :key="item">
            <slot :item="item"/>
        </template>
    </div>

修改1 ---Key 使用唯一性标识

    <div>
        <template v-for="item in trans.list" :key="item.msg_id">
            <slot :item="item"/>
        </template>
    </div>

修改2 --- template 改为div

   <div>
        <div v-for="item in trans.list" :key="item">
            <slot :item="item"/>
        </div>
    </div>