Framework7如何作为子页面进行路由

时间:2018-09-22 02:26:45

标签: javascript html-framework-7

我是Framework7的新手,想将单页应用程序模板用作子页并打算从另一个网页加载它,但是尝试这样做时,主路由器无法加载,或者我可能没有这样做正确吗?

所以默认路由如下。

routes = [
  {
    path: "/",
    url: "./index.php"
  },
[

现在我正试图像从外部页面捕获ID那样加载它

routes = [
      {
        path: "/:id/",
        url: "./index.php"
      },
    [

我的外部页面(不是framework7页面)链接是这样的。

<a href="/product/1/">View Product</a>

我也尝试过

 <a href="http:/localhost/products/product/1/">View Product</a>

但是我得到的是默认页面404错误,而不是Framework7上的404错误,这意味着路由未加载,任何建议都很棒!

1 个答案:

答案 0 :(得分:1)

您是否尝试过将路线设置为:

   routes = [
      {
         path: '/product/:id',
         url: 'somepage.html'
      },
     ]

路径仅为path: /:id的人将传递索引ID而不是产品的索引。

我认为加载单独的F7页面比尝试覆盖索引页面更有益