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> 

 

效果图:

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM