javascript - vue v-for循环中取值问题
淡淡烟草味
淡淡烟草味 2017-06-12 09:29:46
[JavaScript讨论组]
<p class="content clearfix" :class='{active: isActive}'>
            <ul>
                <li v-for='item in items' :key=item >
                    <p>
                        <img :src="item.picList[0].imgurl" :alt="item.title">//这里picList[0]无法取到值,但在js中可以打印出来
                    </p>
                </li>
            </ul>
        </p>

淡淡烟草味
淡淡烟草味

全部回复(3)
迷茫

你的数据应该是请求服务端吧 这个错应该是第一次渲染报的错 第一次数组应该是空的

世界只因有你

确定是一个对象。。不是json格式的string?

某草草

你的 items 值是通过ajax获取到的吗?如果是的,那么页面刚渲染的时候 items 值应该是个空数组,因此可以添加一个loading标识位在实例 data 中,当ajax请求完成,将这个loading标志位置为false, 然后你的v-for 循环的父级 p 用 v-if 来包裹,如下:

<p class="content clearfix" :class='{active: isActive}'>
    <ul v-if="!loading">
        <li v-for='item in items' :key=item >
            <p>
                <img :src="item.picList[0].imgurl" :alt="item.title">//这里picList[0]无法取到值,但在js中可以打印出来
            </p>
        </li>
    </ul>
</p>

还有个人建议你的 v-forkey 尽量不要用循环对象item本身,最好是使用 item 的一个属性值。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号