Vue.js vuejs中如何获取数组总长度

  data() {
    return {
      searchResults: [],
      totalResults: [],
}}
       const response = await axios.post(
          "http://localhost:5000/api/search",
          searchData
        );
        this.searchResults = response.data.Response.Results; // Set the search results in the component's data       // Retrieve the traceId from the response
        const nestedResults = response.data.Response.Results;
        const totalResults = nestedResults[0].length;
        console.log("Total Results:", totalResults);

Total Results: 12

 <p>Total Results: {{ totalResults }}</p>

Total Results: []

data() {
    return {
      searchResults: [],
      totalResults: 0,
}}

this.totalResults = nestedResults[0].length;

Vue.js相关问答推荐

无法从CDN使用Vue和PrimeVue呈现DataTable

为什么v-show需要组件的包装元素？

我如何使用vuejs访问彼此嵌套的json对象

VSelect - Select 不适用于 Vuetify 3 中的自定义项目插槽

如何使用 vue.js 和 vue 路由实现当前路由的子菜单的子菜单

如何对将 DOM 元素附加到 HTML 正文的 Vue 组件进行单元测试？

Vue.js 中的 mount挂载是什么意思？

如何使 Rails 与 vue.js 一起工作？

Express.js + lint 出错

使用 vee-validate 在 vue js 中进行验证有错误

Vue 3 - 带有全局组件的无法解析组件

我在 Nuxt 2.14.0 中运行的是什么版本的 Vue？

为什么 v-model 不适用于数组和 v-for 循环？

按键删除对象不会更新vue组件

Vuex：无法读取未定义的属性'$store'

在 nuxt.js 页面中包含外部 javascript 文件

Vue cli 在 css 中构建生产更改不透明度

如何让 vuetify 数据表在卡片内时跨越容器的整个宽度？

使用 axios 和 vue.js 取消先前的请求

如何在 vue3 中的setup方法中发出事件？