Попытка загрузить данные из существующей базы данных с помощью Vue и Sqlite в мобильном приложении

Question

Я немного жду времени.Это мой первый проект Nativescript Vue.Vue мой первый, так как я понимаю, что он работает лучше, чем Angular.Я пытался исследовать загрузку заполненной базы данных, но я вижу несколько примеров использования Angular.(Я никогда не использовал Angular). Нет большого примера Sqlite, использующего заполненную базу данных с использованием Vue.Поэтому я наткнулся на https://www.nativescript.org/blog/data-management-with-sqlite-and-vuex-in-a-nativescript-vue-app и попытался приспособиться к своему проекту.

Я пытаюсь загрузить faaID и airportName из airportTable с помощью Sqlite.Две вещи: 1) как заставить этот TabViewItem немедленно вызывать функцию загрузки после нажатия на эту конкретную вкладку и 2) как загрузить все данные из этой базы данных и поместить их в список (сейчас я тестирую, используяМетка) ... моя цель - поместить его в список для выбора пользователем.моя база данных pilotvoice.db находится в ./app

Мой проект можно посмотреть по адресу https://github.com/stahlie/first-ns-app

Answer 1

По-видимому, согласно https://github.com/NathanaelA/nativescript-sqlite/blob/master/src/README.md

Я решил это, добавив {from: "** / *. Db"} в webpack.config.js

Answer 2

В вашем магазине Vuex добавьте геттер

getters: {
    allAirports(state, getters) {
        return state.data;
    },
},

В вашем компоненте вы можете получить загруженные данные, как это

load() {
  // perhaps wrap the query action in a promise so you can do...
  this.$store.dispatch("query").then(() => {
      this.airports = this.$store.getters.allAirports;
  }); 
  console.log("Pressed load button");
},