所以我試圖在一個數組中獲取我的 axios 響應，但我不知道該怎么做

Question

所以我試圖讓我的 axios 響應從 spring 引導頁面進入 vuejs 數組我不知道為什么，但顯然我不能在這里使用拆分。 我對 vue.js 還很陌生，所以請 go 對我放心。

Vue.js 代碼：

// JavaScript source code

new Vue({
    el: '#app',
    data() {
        return {
            urls: [],
            url: ""
        }
    },
    mounted() {
        axios
            .get("http://localhost:91/all/URL")
            .then(response => (this.url = response.data, this.urls = this.url.split(",")))
    }
})

HTML：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <meta charset="utf-8" />
    <title>Home</title>
</head>
<body>
    <div id="app">
        <ul v-for="url in urls">
            <li> {{ url }} </li>
        </ul>
    </div>
    <script src="Script.js"></script>
</body>
</html>

控制台拋出以下錯誤：

Script.js:14 Uncaught (in promise) TypeError: this.urlfound.split is not a function
    at Script.js:14

Answer 1

變量名稱之間存在沖突，在模板中您有來自 v-for 的 url 並且在數據中定義了相同的 url。

所以我試圖在一個數組中獲取我的 axios 響應，但我不知道該怎么做

問題描述

1 個解決方案

解決方案1
1 2021-03-13 12:39:26

所以我試圖在一個數組中獲取我的 axios 響應，但我不知道該怎么做

問題描述

1 個解決方案

解決方案1 1 2021-03-13 12:39:26

解決方案1
1 2021-03-13 12:39:26