У меня есть электронное приложение с формой, которая будет использоваться для получения некоторой информации. У меня нет внешнего сервера или URL-адреса, куда я могу отправить данные, мне нужно получить данные формы и сохранить их, используя dex ie. js и vue, которые я использую для перехвата события click на кнопку отправки. Я не уверен, как я могу сохранить данные, потому что мне нужно получить значения из формы, а затем вызвать dex ie, чтобы сохранить их, я использую метод vue для управления кликом, я использовал document.forms
чтобы получить имя и значение элементов формы, но это плохой подход. Может ли кто-нибудь помочь мне найти способ достичь этого?
//import Dexie from 'dexie';
const Dexie = require('dexie');
// Force debug mode to get async stacks from exceptions.
Dexie.debug = true; // In production, set to false to increase performance a little.
let db = new Dexie('clients');
db.version(1).stores({
websites: "++id,client_name,hosting_provider,website_domain,panel_user,panel_pwd,db_host,db_name,db_user,db_pwd,wp_user,wp_pwd"
});
$(document).ready(function(){
var myapp = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
},
methods: {
saveData(){
//var form = document.getElementById('client-info') //document.forms;;
var form = $('#client-info').serialize();
console.log(form);
//var formData = new FormData(form);
//console.log(formData);
// $.each( form[0].elements, function(i, index){
// console.log( index );
// console.log( form[0].elements[i].name, form[0].elements[i].value );
// // or make a new one
// db.clients.add({
// form[0].elements[i].name: form[0].elements[i].value
// });
// });
//console.log(Dexie);
//console.log(db);
}
}
});
console.log(myapp);
});
Примечание: сейчас я прокомментировал код, потому что он не будет работать, он не сохраняет данные.