veu使用element UI 表格問題
阿新 • • 發佈:2018-11-27
<div class="table_wrap"> <el-table ref="multipleTable" :data="tableData" border tooltip-effect="dark" max-height="530"> <el-table-column prop="goodsName" label="商品名稱"></el-table-column> <el-table-column prop="specsMax" label="規格"></el-table-column> <el-table-column prop="manufacturer" label="生產企業"></el-table-column> <el-table-column prop="drugType" label="劑型"></el-table-column> <el-table-column prop="standPrice" label="公司標準價"></el-table-column> <el-table-column prop="fixedPrice" label="省區定價"></el-table-column> <el-table-column prop="fewPrice" label="價格"> <template slot-scope="scope"> <input v-model.trim="scope.row.fewPrice" @change="handleChange(scope.row,'fewPrice')" @keydown="handleInput2" @keyup="handleInput2" :class="{'tableInput': true, 'color_red' : scope.row.fixedPrice < scope.row.fewPrice, 'color_blue' : scope.row.fixedPrice > scope.row.fewPrice}"></input> </template> </el-table-column> <el-table-column prop="address" label="操作"> <template slot-scope="scope"> <div class="operateBtn" @click="showChangePriceLog(scope.row.priceId, scope.row.position, scope.row.goodsId)">改價日誌</div> </template> </el-table-column> </el-table> </div>