数据变量在 vuejs 3 中没有得到响应

小编典典

数据变量在 vuejs 3 中没有得到响应

javascript

我在api中做了一个get，我可以收集他们的数据但是当我将它分配给一个数据变量时它没有得到它

data() {
    return {
      departamento: [],
    }
  },
  setup() {
    onMounted(() => {
      const token = setToken.getToken();
      axios
        .get("https://sig-fpto.herokuapp.com/api/departamentos/buscarTodos", {
          headers: {
            Authorization: `Bearer ${token}`,
          },
        })
        .then((response) => {
          console.log(response.data);
          this.departamento = response.data
        })
        .catch((err) => console.log(err.response));
    })

阅读 111

2022-07-26

共1个答案

小编典典

您正在将 Vue2 语法与 Vue3 混合。这是应该工作的：

  setup() {
    const departamento = ref([]);

    onMounted(() => {
      const token = setToken.getToken();
      axios
        .get("https://sig-fpto.herokuapp.com/api/departamentos/buscarTodos", {
          headers: {
            Authorization: `Bearer ${token}`,
          },
        })
        .then((response) => {
          console.log(response.data);
          departamento.value = [...response.data];
        })
        .catch((err) => console.log(err.response));
    })

    return {
      departamento,
    }
  }

2022-07-26