Início / coding / Perguntas / 79011817
Accepted
Romay
Asked: 2024-09-22 22:11:26 +0800 CST

Erro: Não é possível ler as propriedades da variável "indefinida" (vue/Inertia) obtida de props

  • 772

Aqui está uma parte do código da página (início):

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

Ler a documentação do Inertia não produziu nenhum resultado. Por favor me ajude

É necessário que os dados do formulário na página sejam preenchidos com dados da variável "post". Tentei isso:

defineProps({
    post: Object 
});

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

"esta" var ainda é "indefinida"

vue.js

1 respostas

  1. Best Answer

    Você deve atribuir definePropsa uma constante e então usar essa constante para acessar as propriedades:

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

relate perguntas