Vue.js编辑表单数据传递问题：复选框值无法正常显示

1. 修正axios GET请求的参数错误 #

你的getNetworkTeams方法里，axios GET请求的参数传递存在明显问题：GET请求的第二个参数是配置对象，而非请求体（GET请求本身不支持请求体），你当前把this.networkTeam放在第二个参数位置，会导致请求配置被错误覆盖，而且GET请求完全不需要传递这个数据。

修改后的方法代码：

getNetworkTeams() {
  let url =`/s/teams/network-teams/${this.netId}`;
  axios.get(url, {
    headers: {
      Authorization: this.$store.state.user.auth.token,
    },
  })
  .then(response => {
      this.networkTeam = response.data;
   })
   .catch((error) => {
      console.log(error);
   });
},

2. 检查响应数据中isExclusion的类型 #

如果修正请求后问题仍存在，大概率是后端返回的isExclusion值类型不匹配：

• 复选框的v-model需要布尔值（true/false），但很多后端会返回字符串类型的"true"/"false"或数字1/0
• 这种情况需要手动转换类型，在赋值时处理：

.then(response => {
  const data = response.data;
  // 转换为布尔值，可根据后端实际返回值调整判断逻辑
  data.isExclusion = data.isExclusion === true || data.isExclusion === 'true' || data.isExclusion === 1;
  this.networkTeam = data;
})

3. 验证数据赋值是否正确 #

可以在赋值后添加日志，确认后端返回的数据是否正确赋值给networkTeam：

.then(response => {
  this.networkTeam = response.data;
  console.log('当前networkTeam数据:', this.networkTeam);
})

通过日志确认isExclusion字段的实际值和类型，进一步定位问题。

内容的提问来源于stack exchange，提问作者Sue11