其他分享
首页 > 其他分享> > element ui 更改无数据提示信息

element ui 更改无数据提示信息

作者:互联网

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

 

标签:el,暂无,No,text,element,ui,提示信息,table,Data
来源: https://www.cnblogs.com/LilLazy/p/15127594.html