Как создать динамическую веб-страницу по асинхронному маршруту в framework7? - PullRequest
Новая
       42

Как создать динамическую веб-страницу по асинхронному маршруту в framework7?

0 голосов
/ 30 мая 2019

Я юрист, но я действительно увлечен информационными технологиями, поэтому я самоучка и немного знаний в области ИТ.Теперь я хочу создать маленький 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,
    }
    }
    );
    });
    }
    },

иэто содержимое файла json с именем data.json, из которого я хочу загрузить данные: 

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