前后端接口交互

根据id获取值接口编写：

export function getDeviceCategoryById(query: InfoReq) {
    return request({
        url: apiPrefix + `device_category/${query.id}/`,
        method: 'get',
    });
}

接口调用方法；

const equipmentType = ref()

async function equipmentChange() {
  equipmentType.value = await getDeviceCategoryById({ id: props.deviceInfo?.category_first }).then((res: any) => {
   return res.data[0].name;
})
}

console.log(equipmentType.value)  // equipmentType.value就是根据id获取到的name值
// 如果想要监听式的获取id对应的name值，需要通过watch监听器进行设置
watch(() => props.deviceInfo, (nVal) => {
  equipmentChange()
}, {deep:true, immediate: true })