el-table更換暫無數據樣式 empty-text=" "


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>

 

    <el-table :data="tableData" border v-loading="loading" empty-text=" ">
          <template slot="empty" v-if="!loading && tableData.length == 0">
            <PicNone />
          </template>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM