文章/答案/技术大牛

发布

社区首页 >问答首页 >框架7页未加载

问框架7页未加载
EN

Stack Overflow用户

提问于 2019-09-21 10:01:25

回答 1查看 395关注 0票数 0

我尝试使用Framework7核心创建一个web应用程序(没有节点、React、Vue)。

我发现点击index.html底部的选项卡，页面就没有显示出来。

这里您可以看到我的文件(从framework7模板)。

我不明白他们为什么不动态加载。

  <!-- Catalog View -->
  <div id="view-catalog"  class="view view-init tab" data-view="catalog" data-url="/catalog/">
    <!-- Catalog page will be loaded here dynamically from /catalog/ route -->
  </div>

  <!-- Settings View -->
  <div id="view-settings" class="view tab">
    <!-- Settings page will be loaded here dynamically from /settings/ route -->
  </div>

线路阵列：

routes = [
  {
    path: '/',
    url: '../pages/index.html',
  },
  {
    path: '/about/',
    url: '../pages/about.html',
  },
  {
    path: '/catalog/',
    componentUrl: '../pages/catalog.html',
  },
  {
    path: '/product/:id/',
    componentUrl: '../pages/product.html',
  },
......
]

javascript

web-applications

routes

frameworks

html-framework-7

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-09-23 15:22:29

您的问题仅限于路线，您需要更改您的路线。

  {
    path: '/catalog/',
    componentUrl: '../pages/catalog.html',
  },
  {
    path: '/product/:id/',
    componentUrl: '../pages/product.html',
  },

对此：

  {
    path: '/catalog/',
    componentUrl: './pages/catalog.html',
  },
  {
    path: '/product/:id/',
    componentUrl: './pages/product.html',
  },

而且它会工作得很好，当你使用..时，你会再后退一步，这样你就找不到一个页面，通过使用.，你就可以直接访问网页目录。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/58039202

复制

相似问题

问框架7页未加载
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问框架7页未加载EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问框架7页未加载
EN