数据变量在 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));
    })

阅读 110

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