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>

contact.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对象中的数据制成要全局传递给应用程序的数据。用户在随后输入的页面上的代码中都可以使用该代码。比使用本地存储更有效。

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

Framework7将对象作为页面之间的参数传递

1 个答案: