javascript - vue组件渲染两次的问题-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - vue组件渲染两次的问题

天蓬老师 2017-05-18 10:52:57

[JavaScript讨论组]

840

<template>
    <p class="temp">
    {{init}}
        <video :src="item.videoList[0].videourl" controls="controls" width="1000px" height='490px'>
        您的浏览器不支持 video 标签。
      </video>
    </p>
</template>

<script>
    export default {
        data () {
            return {
                item: []
            };
        },
        props: ['recV'],
        computed: {
            init () {
                this.item = this.recV.slice(0, 1)[0];
            }
        }
    };
</script>

渲染了两次，第一次报错，第二次成功渲染数据，问题出在哪了。。。

天蓬老师

欢迎选择我的课程，让我们一起见证您的进步~~

全部回复(3)

phpcn_u15822017-05-18 10:54:57 3楼

第一: 你的item为undefined, computed不应该这样.应该放到mounted

第二:itme是个数组.怎么拿item.videoList呢??
就算拿到也是undefined.
然后从undefined拿[0].怎么可能不报错呢

第三:还是建议多看看官方文档

赞 +0

添加回复

漂亮男人2017-05-18 10:54:57 2楼

    export default {
        data () {
            return {
            };
        },
        props: ['recV'],
        computed: {
            item () {
                return this.recV.slice(0, 1)[0];
            }
        }
    };

赞 +0

添加回复