在它们之间显示字符串

Question

在我的后端 API 的帮助下，我得到了一个字符串，例如 response 是：

test.sh has been executed by Java,test.sh has been executed by Java,test.sh has been executed by Java

我想在 "," 处拆分字符串并相互显示每个项目。它应该是这样的：

1. test.sh has been executed by Java
2. test.sh has been executed by Java
3. test.sh has been executed by Java

到目前为止它看起来像这样：

1. test.sh has been executed by Java,test.sh has been executed by Java,test.sh has been executed by Java

这是我的前端：

<template>
<v-form>
    <v-container>
      <v-card
          class="mt-15 pa-4  mx-auto"
          max-width="700"
          color="#BDBDBD"
          text = "red darken-1"
      >
        <ol>
          <li class="white--text" v-for="item in output" :key="item">{{item}}</li>
        </ol>
      </v-card>
    </v-container>
    </v-form>
    </template>
    <script>
     export default {
     data: () => ({
items: [],
search: null,
key: '',
output: [],
}),
 methods: {
  async displayTerminalLog() {
    let apiUrl = 'http://localhost:8091/api/v1/output/'
    let response = await this.axios.get(apiUrl);
    console.log(response.data.toString())
    for (var text in response.data.toString().split(",")){
      this.output.push(response.data[text].slice(0, 
      response.data.toString().length-1))}
  }
}
    }
   </script>

Answer 1

For…in will loop over the keys of an object. split(…) returns an Array, your need for…of试试这个……

for (var text of response.data.toString().split(",")){
// …

Answer 2

let arr = response.data.toString().split(",");
arr.forEach((item, index) => {
    console.log((index + 1) + '. ' + item )
})

在它们之间显示字符串

Display string among themselves

javascript

vue.js

vuetify.js