Question

我是一名律师，但我对信息技术非常热衷，因此我自学成才，并拥有一些IT知识。现在，我想为我的工作创建一个小型PWApp，并开始在framework7的帮助下进行工作。但是现在我遇到了一个有关如何创建一个面板的问题，该面板每次单击时都会自动从存储在本地的json文件中重新加载数据。对不起，我的知识很少，而且语言不好，困扰您。我知道没有什么是免费的，但仍然希望得到您的帮助。这是我尝试过的一切

这是panel.f7.html文件的内容：

    <template>
    <div class="panel panel-left panel-cover" data-url='/left-panel/'>
    {{#each user.list}}
    <li>
    <div>{{name}}</div>
    </li>
    {{/each}}
    </ul>
    </div>
    </template>

这是route.js的内容：

    import PanelPage from '../pages/panel.f7.html';
    var routes = [
    {
    path: '/left-panel/',
    async: function(routeTo, routeFrom, resolve,reject) {
    this.app.request.json('data.json', function(data) {
    resolve(
    {
    panel:{
    component: PanelPage,
    },
    },
    {
    context: {
    user:data,
    }
    }
    );
    });
    }
    },

这是名为“ data.json”的json文件的内容，我要从其中加载数据：

    data = {
    "city": "tokyo",
    "list":[
    {"name":"James",},
    {"name":"Marry",}]
    }
`
Thank you so much

如何在Framework7中通过异步路由创建动态网页？

0 个答案: