el-table更换暂无数据样式

https://blog.csdn.net/weixin_44143512/article/details/94402565

  <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>

猜你喜欢

转载自www.cnblogs.com/dianzan/p/12936090.html
今日推荐