<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>
veu使用element UI 表格问题
最新推荐文章于 2024-03-27 15:06:04 发布