Question

我对vue.js相当陌生，我正在尝试构建一个基本应用程序，以显示从API提取的数据。

我不明白为什么我不能在脚本中使用console.log

let isDark = traitCollection.userInterfaceStyle == .dark

我总是收到“意外的控制台声明”

有人知道如何在vue脚本中管理日志吗？我错过了什么吗？

非常感谢！

Answer 1

我相信当您将return转到json()时，您需要致电

.then(resp => return resp.json())

也不知道您是否有错字，但是您的created()方法不应位于methods对象的内部。

应该看起来像这样

<script>
  export default{
  name: '',
  data(){
    return {

    }
  },
  methods:{

  },
  created() {

  }
}
</script>

如果在接收数据时出错，也可以尝试在获取方法的console.log()部分中的error。

.catch(err => {
   console.log(err.response.data)
})

Answer 2

您可以尝试

methods: {
 log(msg){
  console.log(msg); 
 }
}

当您想编写要控制台的内容时，请使用：

{{ log(message) }}

Answer 3

如何使用async / await来帮助分流？

om_execute

Answer 4

这在箭头功能中不起作用是正常的。试试这个。

created () {
  fetch('https://jsonplaceholder.typicode.com/todos')
    .then( resp => resp.json())
    .then(function (data) {
        console.log(data);
     })
    .catch(err => err)
}

console.log在vue.js脚本中不起作用

4 个答案: