在这里插入代码片
**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数据表格 取消全选
最新推荐文章于 2024-05-31 11:49:06 发布