javascript - Framework7 在页面之间将对象作为参数传递

Question

如何在 Framework7 中的页面之间发送数组对象？我可以发送变量值但无法理解如何发送对象？

我有一个这样的数组对象

    "phoneNumbers": [{
        "number": "(555) 564-8583",
        "normalizedNumber": "(555) 564-8583",
        "type": "MOBILE"
    }, {
        "number": "(415) 555-3695",
        "normalizedNumber": "(415) 555-3695",
        "type": "OTHER"
    }]

在 route.js 中

  {
    path: '/contact/:id/:phoneNumbers/',
    componentUrl: './pages/contact.html',
  },

index.html

<a href="/contact/{{this.id}}/{{this.phoneNumbers}}/"></a>

联系人.html

  <p>{{this.$route.params.id}}</p>
  <p>{{js 'return JSON.stringify(this.$route.params.phoneNumbers)'}}</p>

在 contact.html 中它不显示数组对象，而是返回这个

"1"
"[object Object],[object Object]"

我想知道是否可以使用Framework7的路由器发送对象？

我采用的替代方法是使用 localStorage，但是 Framework7 中是否有一种方法可以在页面之间发送对象而不仅仅是变量？

Answer 1

这取决于您的用例的具体情况，但通常我会通过将数据放置在 javascript window 对象中来将我想要传递给应用程序的数据全局化。在用户输入的后续页面上，您的代码将可以使用它。它比使用 localstorage 更有效。

window.phoneNumbers = [{
        "number": "(555) 564-8583",
        "normalizedNumber": "(555) 564-8583",
        "type": "MOBILE"
    }, {
        "number": "(415) 555-3695",
        "normalizedNumber": "(415) 555-3695",
        "type": "OTHER"
    }]