javascript - 所以我试图在一个数组中获取我的 axios 响应,但我不知道该怎么做
问题描述
所以我试图将我的 axios 响应从 spring boot 页面获取到 vuejs 数组中,我不知道为什么,但显然我不能在这里使用 split。我对 vue.js 很陌生,所以请放轻松。
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
解决方案
变量名称之间存在冲突,在模板中您有来自 v-for 的 url,并且在数据中定义了相同的 url。
推荐阅读
- wordpress - 如何将自定义语言添加到 wpml_browser_redirect_params
- python - 将动态 XML 文件转换为 CSV 文件 - Python
- elasticsearch - ElasticSearch 7.7 如何增加整个索引的结果计数
- sql-server - Apache Camel 3.x + Spring Boot + JDBC 数据源:java.lang.IllegalStateException:找不到支持的数据源类型
- mysql - 使用子查询
- android - 如何检索有关 firebase 数据库的特定信息?
- java - 如何使用对象迭代器 DataProvider 并在 java 中并行运行多个测试?
- c++ - 使用 Cmake 在 Qt Creator 中显示头文件
- django - 从本地主机上运行的网站对 AWS S3 的 GET 请求失败
- python - 如何解决字符串索引必须是 for 循环中的整数问题,用于将字符串中的每个单词大写