vue使用elementUI之表格,改变默认显示内容


                 <el-table ref="multipleTable" :data="tableData3" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange" class="settable" > <template slot="empty"> <div class="nodataTip"> <img src="#" alt="" /> 云服务器列表为空,您可以新建一台云服务器,<router-link :to="{path:'/vhost'}">马上创建>></router-link> </div> </template> 

只需要加一个slot=empty

                              <template slot="empty">
                                            <div class="nodataTip">
                                                <img src="#" alt="" />
                                                云服务器列表为空,您可以新建一台云服务器,<router-link :to="{path:'/vhost'}">马上创建>></router-link>
                                         </div>
                                        </template> 

 

效果图:

 

 

posted @ 2018-10-11 14:30  Jackson的博客  阅读(7348)  评论(0编辑  收藏  举报