vue3+axios 找到当前id对应的数据的子id
时间: 2024-02-17 09:04:27 浏览: 215
如果你想要找到当前ID对应的数据的子ID,你需要首先获取当前ID对应的数据,然后在该数据中查找子ID。以下是一个使用Vue3和Axios的示例代码,你可以根据你的具体情况进行修改:
```javascript
import { ref } from 'vue';
import axios from 'axios';
export default {
setup() {
const currentId = ref('your current id'); // 当前ID
const data = ref(null); // 当前ID对应的数据
// 获取当前ID对应的数据
const fetchData = async () => {
const response = await axios.get('your api url');
data.value = response.data.find(item => item.id === currentId.value);
};
// 查找子ID
const findChildId = () => {
if (data.value) {
return data.value.childId; // 假设子ID保存在childId字段中
}
return null;
};
fetchData(); // 获取数据
return {
currentId,
findChildId
};
}
};
```
在上面的代码中,我们首先创建了一个ref对象来保存当前ID和数据。然后,我们通过Axios获取数据,并在数据中查找子ID。最后,我们将当前ID和查找子ID的方法暴露给模板。
阅读全文