Загрузите AJAX в Framework7, vue

Я очень новичок в Framework7 и хочу создать довольно простое мобильное приложение - список мест, страницы с подробными сведениями об этих местах (где отображаются некоторые фрески), а также карту и страницу с информацией. Мой текущий план состоит в том, чтобы опубликовать его через PhoneGap Build, так как это кажется быстрым и простым способом развертывания.

Я создал свое приложение, используя шаблон phonegap-framework7-vue. Возможно, это излишество для такого простого приложения, но это лучше, чем создавать его с нуля.

Я хочу загрузить список мест через AJAX (в конечном итоге через sqlite) и не могу понять, как/когда это сделать и как получить доступ к основному приложению. В моем файле Murals.vue есть шаблон и следующий скрипт, но он не загружается, потому что app.request не определен. Я пробовал «framework7», «Framework7» и перемещал его за пределы вызова mount(), но чувствую, что просто догадываюсь. Кто-нибудь предложил? Спасибо!

<script>
import F7List from "framework7-vue/src/components/list";

let dataURL = 'https://jsonplaceholder.typicode.com/posts'; // returns some json
export default {
    name: 'Murals',
    components: {F7List},
    mounted() { // when the Vue app is booted up, this is run automatically.
        app.request.get(dataURL, function (data) {
            console.log(data);
        });

    },

    data () {
        return {
            title: 'Murals'
        };
    }
};
</script>

person Tac Tacelosky    schedule 17.07.2018    source источник


Ответы (1)


Ваш код почти правильный! Чтобы получить доступ к экземпляру приложения F7 с помощью vue, вы должны использовать this.$f7.request, а не app.request

person Djiggy    schedule 18.07.2018