Can inputs be prepopulated with data from api? I tried like this but it's not working:
<script setup>
import { reactive, computed, onMounted } from "vue";
import { TextField, EmailField } from "@asigloo/vue-dynamic-forms";
const user = reactive({
name:'',
email: "",
fax: "",
uuid: "",
});
const form = computed(() => ({
id: "user",
fields: {
name: TextField({
label: " Name",
value: user.name
}),
email: EmailField({
label: "Email",
value: user.email
}),
userFax: TextField({
label: " Fax",
value: user.fax
}),
},
}));
onMounted(async () => {
try {
user.value = await AxiosService.get(
"/user/get",
{
name: user.name.value,
email: user.email.value,
fax: user.fax.value,
uuid: user.uuid.value,
},
{
headers: {
//headers
},
}
).then(function (response) {
console.log(response);
});
} catch (e) {
console.error(e);
}
});
</script>
Thank you