如何使搜索结果从表单数组返回

Question

我很难获得此修复程序。 这是我想使从搜索结果中发送的结果从搜索字段发送来的问题用数组包装。

就像有人搜索“ Stackoverflow”一样，它应该以这种形式返回[“ Stackoverflow”]。 第一个字母必须为大写字母。 请参阅下面的更多细节。

我计划实现的查询字符串=> https://graph.facebook.com/search?type=adinterestsuggestion&interest_list= [ “企业家精神”]＆limit = 1000＆locale = en_US＆access_token = xxxx

我得到的是这个=> https://graph.facebook.com/search?type=adinterestsuggestion&interest_list=Entrepreneurship&limit=1000&locale=en_US&access_token=xxxx

基本上，当我搜索“ interest_list”表单时，返回的结果应包装为['Entrepreneur']

PS：我想将“ q”数据包装成一个数组，并将其作为我在搜索表单中的v模型。

下面的代码

<script>
import axios from 'axios'

export default {
  name: 'home',
  components: {
    Header,
    SearchForm,
    SearchResults,
    Pagination
  },
  data() {
      return{
       interest: [],
       reformattedSearchString: '',
       api: {
         baseUrl: 'https://graph.facebook.com/search?',
         type: 'adinterestsuggestion',
         maxResults: 12,
         search: [
           {q: '' }
         ],
         locale: 'en_US',
         key: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
         prevPageToken: '',
         nextPageToken: ''
       }
      }
  },
   methods: {
     search(searchParams) {
       this.reformattedSearchString = searchParams.join(' ')
       this.api.q = searchParams.join('+')
       const { baseUrl, type, maxResults, locale, q, key } = this.api
       const apiUrl = `${baseUrl}type=${type}&interest_list=${q}&limit=${maxResults}&locale=${locale}&key=${key}`
       this.getData(apiUrl)
     },
     prevPage() {
       const {baseUrl, type, maxResults, locale, q, key, prevPageToken} = this.api
       const apiUrl = `${baseUrl}type=${type}&interest_list=${q}&limit=${maxResults}&locale=${locale}&key=${key}&pageToken=${prevPageToken}`
       this.getData(apiUrl)
     },
     nextPage() {
       const {baseUrl, type, maxResults, locale, q, key, nextPageToken} = this.api
       const apiUrl = `${baseUrl}type=${type}&interest_list=${q}&limit=${maxResults}&locale=${locale}&key=${key}&pageToken=${nextPageToken}`
       this.getData(apiUrl)
     },
     getData(apiUrl) {
       axios.get(apiUrl)
         .then(response => {
           this.interest = response.data.items
           this.api.prevPageToken = response.data.prevPageToken
           this.api.nextPageToken = response.data.nextPageToken
           console.log(response.data.name[0])
       })
       .catch(
         error => console.log(error)
       )
     }
  },
  computed: {
  },
}
</script>