vue 更改element-ui中el-table默认的暂无数据样式

前端使我快乐（从入门到放弃）

已于 2022-08-31 16:00:04 修改

阅读量2.1w

点赞数 14

分类专栏： vue 文章标签： vue element-ui el-table

于 2019-07-01 18:28:24 首次发布

本文链接：https://blog.csdn.net/weixin_44143512/article/details/94402565

版权

vue 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

很简单，加上这样一串代码ok!

  <template slot="empty">
                    会员可以点击查看历史竞品查看
			<!--  <img class="data-pic" src="#" alt="" />-->    //这里还可以加上你想要的图片样式
</template>


//具体示例！！
 <el-table id="table" :data="tdata4" height="605" border style="width: 100%">
 
                <template slot="empty" v-if="Isvip == 2">
                <!--  <img class="data-pic" src="#" alt="" />-->    //这里还可以加上你想要的图片样式
                  <span style="font-size: 20px">会员可以点击'选择产品'进行数据查看</span>
                </template>

                <el-table-column prop="tjrq" label="日期" width="140px"></el-table-column>
                <el-table-column prop="fks" label="访客数" width="80"></el-table-column>
                <el-table-column prop="zfmjs" label="购买人数"></el-table-column>
                <el-table-column prop="zfzhl" label="转化率"></el-table-column>
                <el-table-column prop="kdj" label="客单价"></el-table-column>
                <el-table-column prop="zfje" label="支付金额"></el-table-column>
                <el-table-column prop="jgl" label="加购率"></el-table-column>
                <el-table-column prop="scl" label="收藏率"></el-table-column>
              </el-table>

在这里插入图片描述