现象:在方法内修改v-model关联的对象会导致试图刷新,点击两次才能实现高亮;
代码:
<template>
<Table highlight-row border :columns="columns1" :data="tableData1" ref="selection1" :height="tableHeight" :key="random" @on-current-change="confirmChooseVehicle"
@on-row-click="vehicleRowClick" ></Table>
<script>
licensePlateNumber: "",
vehicleId: "",
// 当前行发生改变
confirmChooseVehicle(currentRow, oldCurrentRow){
// this.createCondition.licensePlateNumber = currentRow.licensePlateNumber;
// this.createCondition.vehicleId = currentRow.vehicleId;
},
// 点击行
vehicleRowClick (row, index) {
// licensePlateNumber 是页面上输入框关联的v-model,修改即刷新
this.createCondition.licensePlateNumber = row.licensePlateNumber;
this.createCondition.vehicleId = row.vehicleId;
},
原因:在方法内修改v-model关联的对象会导致试图刷新(高亮后刷新即不再高亮),点击两次才能实现高亮;
解决:定义一个全局变量,将数据存在里面,用时再取
licensePlateNumber: "",
licensePlateNumberVariate: "",
vehicleId: "",
vehicleIdVariate: "",
vehicleRowClick (row, index) {
this.createCondition.licensePlateNumberVariate = row.licensePlateNumber;
this.createCondition.vehicleIdVariate = row.vehicleId;
},