在這裏插入代碼片
**ref="articleTable" 方法 **
<el-dialog title="選擇商品" :visible.sync="dialogTable"
width="800px" @close='closeDialog'>
<div class="flortSrq">
<div class="flortSr">
<button type="button" class="btn btn-default"
style="position: absolute; top: 1%; right: 9%;"
@click="submit">
確定
</button>
</div>
<div>
<div>
<div style="">
<div style="">
<el-input placeholder="請輸入商品代碼/商品名
稱/條形碼/商品規格" v-model="keyword"
@keyup.enter="Change1($event)">
<template slot="append">
<el-button slot="append" icon="el-
icon-search" @click="Change1($event)">
</el-button>
</template>
</el-input>
</div>
</div>
</div>
<template>
<el-table :data="tableData" ref="articleTable"
@selection-change="handleSelectionChange"
:row-key="getRowKeys" style="width: 100%">
<el-table-column type="selection" width="55"
:reserve-selection="true">
</el-table-column>
<el-table-column prop="good_code" label="商品代
碼">
</el-table-column>
<el-table-column prop="good_name" label="商品名
稱">
</el-table-column>
<el-table-column label="屬性">
<template slot-scope="scope">
<span v-if="scope.row.attr_code !=''">
{{scope.row.attr_code}}
</span>
</template>
</el-table-column>
<el-table-column prop="barcode" label="條碼">
</el-table-column>
</el-table>
</template>
</div>
</div>
<!-- 分頁 -->
<div class="fen12">
<el-pagination :current-page.sync="page1" :page-sizes="[10,
20, 30, 40,50]" :page-size="pagesize"
layout="total, sizes, prev, pager, next" :total="total1"
@size-change="handleSizeChange1"
@current-change="handleCurrentChange1" v-if="total1 !=
0">
</el-pagination>
</div>
</el-dialog>
//查詢
Change1: function (e) {
var _this = this;
if (e.keycode == 13 || _this.keyword != null) {
this.pop()
}
},
//彈窗關閉時 清空element table 選中的數據
closeDialog() {
this.$refs.articleTable.clearSelection();
}
//ref="articleTable" 彈窗的表格上添加這個 屬性
//
element數據表格 取消全選
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.