TP5后端,VUE前端请求聚合数据热门视频接口

先上演示效果:
TP5后端,VUE前端请求聚合数据热门视频接口

1: VUE 文件

<template>
    <div class="videos-ele" vv-show="normal">
        <!--
            1: el-card 绑定点击事件没有用, 所以应该用 @click.native="function(value)"
         -->
        <el-card class="items">
            <el-row>
                <el-col :span="4" v-for="(v, index) in v_data" :key="index">
                    <el-card class="item" @click.native="newWindow(v.share_url)" :title="v.title">
                        <img class="item_cover" :src="v.item_cover">
                        <div>
                            <div class="item_title">{
  { v.title }}</div>
                            <div class="item_bottom"><span class="play-count">{
  { v.play_count }}</span> 次播放</div>
                        </div>
                    </el-card>
                </el-col>
            </el-row>
        </el-card>

        <el-card v-show="errEle">
            <h2>something error</h2>
        </el-card>

    </div>
</template>

<script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值