先上演示效果:
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>