前端常见问题

# 常见问题

# 1.element plus

# 1.1 element-plus中 el-switch组件初始化执行change方法

注意查看 element plus 文档

<el-switch
    v-if="tableData[scope.$index] && tableData[scope.$index].usedFlag"
    v-model="tableData[scope.$index].usedFlag"
    active-value="1"
    inactive-value="0"
    :before-change="beforechange"
    @change="updateE(scope.row)"
/>

1
2
3
4
5
6
7
8

const switchstate = ref(false)

const beforechange = (val) => {
  switchstate.value = true;
  return switchstate.value;
};

const updateE = (row) => {
  if (!switchstate.value) return
  // 如下为业务代码  
}

1
2
3
4
5
6
7
8
9
10
11

# 1.2 两个相关联的表单校验

const valid = (rule, value, callback) {
    if (form.value.departCode === form.value.arriveCode && !form.value.departCode) {
        callback(new Error("出发港和到达港不能相同"));
    }else {
        callback();
    }
}

1
2
3
4
5
6
7

# 框架

# 1. 接口保存的值设置空值

form.value.frameWt = row.carframeWt || '';

// 增加对应的 key 比如 WrfGatMultiVehicleBaseEntity.Fields.frameWt
public WrfGatMultiVehicleEntity updateByEntityId(WrfGatMultiVehicleEntity entity) {
    // xxxBaseEntity
    return wrfGatMultiVehicleDao.updateByEntityId(entity ,WrfGatMultiVehicleBaseEntity.Fields.frameWt);
}

1
2
3
4
5

上次更新: 2024/3/21 08:50:37

← VITE 配置项设置 2.1.X版本使用文档→