如何在 Vue3 中使用 checkbox-group 初始化时实现多个多选框选中状态同步?-灵析社区

import { reactive, onMounted } from 'vue'; import axios from 'axios'; const GNSS = reactive({ GNSSData: [], input_gga: 0, input_rmc: 0, input_dop: 0, input_gsa: 0, input_gsv: 0, input_heading: 0, input_zda: 0, input_gst: 0, }); async function fetchBackendData() { try { const response = await axios.get('/api/gnss-data'); const backendData = response.data; for (const [key, value] of Object.entries(backendData)) { const inputKey = `input_${key.split('_')[0]}`; GNSS[inputKey] = value; if (value !== 0) { const checkboxLabel = key.toUpperCase().replace('_FREQ', ''); GNSS.GNSSData.push(checkboxLabel); } } } catch (error) { console.error('Failed to fetch backend data:', error); } } onMounted(() => { fetchBackendData(); });