Error: Cannot read properties of "undefined" variable (vue/Inertia) got from props

Question

Here is a part of the page code (beginning):

<script setup>
import { reactive } from 'vue'
import { Link } from "@inertiajs/vue3";

defineProps({
    post: Array
});

const form = reactive({
    title: this.post.title, //Error - TypeError: Cannot read properties of undefined (reading 'post')
    content: this.post.content
});

function submit() {
   // router.post('/posts', form)
}
</script>

Reading Inertia's documentation did not yield any results. Please help me

It is necessary that the data in the form on the page be filled with data from the "post" variable. tried this:

defineProps({
    post: Object 
});

const form = reactive({
    title: post.title,    
    content: post.content 
});

"this" var is still "undefined"

the variable "post" comes to props, but "this" remains empty — Romay
– Romay, Commented Sep 22, 2024 at 14:23

Boussadjra Brahim · Accepted Answer · 2024-09-22 14:32:54Z

0

You should assign defineProps to a constant, then use that constant to access props :


<script setup>
import { reactive } from 'vue'
import { Link } from "@inertiajs/vue3";

const props = defineProps({
    post: Object // change this to an Object
});

const form = reactive({
    title: props.post.title, 
    content: props.post.content
});

function submit() {
   // router.post('/posts', form)
}
</script>

answered Sep 22, 2024 at 14:32

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Error: Cannot read properties of "undefined" variable (vue/Inertia) got from props

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related