// 在el-select上加上 :no-data-text=" ‘No Data‘
<el-select class="filterselect" :no-data-text=" ‘No Data‘ " v-model="value1" @change="changezzs(value1)" style="margin-top: 6%;width: 100%" clearable placeholder="Select"> <el-option v-for="(item,index) in reorder" :key="index" :label="item.label" :value="item.value"> </el-option> </el-select>
//vue+ElementUI table无数据显示图片
<div class="myTranslationContentTable"> <el-table :stripe="true" :data="tableData" ref="tableT" @selection-change="handleSelectionChange" size="small" style="width: 99%;" height="50vh"> <el-table-column fixed type="selection" width="55"> </el-table-column> <el-table-column prop="customerName" label="文件名称" width="140"> </el-table-column> <el-table-column prop="billMouth" label="翻译语言"> </el-table-column> <el-table-column prop="totalAmount" label="行业领域"> </el-table-column> <el-table-column prop="confirmationAmount" label="字数"> </el-table-column> <el-table-column prop="status" label="状态" :formatter="translationStatus"> </el-table-column> <el-table-column prop="invoiceAmount" sortable label="翻译时间"> </el-table-column> <el-table-column label="操作" fixed="right" class="tableOperation"> <template slot-scope="scope"> <span class="table_look" @click="toPreview(scope.$index,scope.row)">预览 <span>|</span></span> <span class="table_look" @click="toDownload(scope.$index,scope.row)">下载<span>|</span></span> <span class="table_look" @click="toDelete(scope.$index,scope.row)">删除</span> </template> </el-table-column> <div slot="empty"> <p> <img src="../../static/img/ico-null.png"/> </p> <p><span>暂无翻译记录</span></p> </div> </el-table> </div>
//el-table更换暂无数据样式 empty-text="No Data "
<el-tab-pane> <span slot="label"><i class="el-icon-menu"></i>{{ $t(‘lang.Application‘) }}</span> <el-tree :data="data2" @node-click="handleNodeClick" empty-text="No Data" ref="tree" :props="defaultProps2" accordion> </el-tree> </el-tab-pane>