在 Framework7 中加载 AJAX，vue

Question

我是 Framework7 的新手，想构建一个相当简单的移动应用程序 -- 地点列表、这些地点的详细信息页面（显示一些壁画的地方）以及地图和关于页面。我目前的计划是通过 PhoneGap Build 发布它，因为这似乎是一种快速简便的部署方式。

我使用 phonegap-framework7-vue template 创建了我的应用程序。对于这样一个简单的应用程序来说，也许有点矫枉过正，但似乎比从头开始构建它要好。

我想通过 AJAX（最终通过 sqlite）加载地点列表，但无法弄清楚 how/when 如何执行此操作以及如何访问主应用程序。我的 Murals.vue 文件包含模板和以下脚本，但未加载，因为 app.request 未定义。我试过 "framework7"、"Framework7" 并将其移到 mounted() 调用之外，但感觉我只是在猜测。有什么建议吗？谢谢！

<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>

Answer 1

你的代码几乎是正确的！要使用 vue 访问 F7 应用程序实例，您必须使用 this.$f7.request 而不是 app.request

在 Framework7 中加载 AJAX，vue

Load AJAX in Framework7, vue

vue.js

html-framework-7

phonegap