ElementPlus下拉框数据用表格展示

#empty插槽中插入tableData，给table绑定点击方法 @row-click，绑定值，然后触发blur事件（让下拉框消失）。

插入表格后el-select不会自动关闭，所以需要调用表格的blur方法关闭下拉框。

  
    
      
        
      
    
  


// 选择拉钉信息数据
const clickData = (row) => {
    form.value.pullingModel = row.pullNailModel;
    pullingSelect.value.blur();
};

需要下拉框选择后展示特殊样式，那么v-model绑定的要换成转换的中间变量。

    
        
    


//下拉选择后前端展示的数据。form.value.temperatureSensorType才是真正传给后端的值
let motorCoilSelectValue = ref(null)  
//下拉框对象
const motorCoilSelect = ref(null)
// 选择温度传感器类型
const clickData = (row) => {
    motorCoilSelectValue.value = `${row.temperatureSensationResistance}|${row.sensingLineColor}|${row.resistanceValue}`
    form.value.temperatureSensorType = row.id
    motorCoilSelect.value.blur()
}
// 清除温度传感器类型
const clearSelect = (row) => {
    if (!row) {
        form.value.temperatureSensorType = ''
    }
}