主页 / coding / 问题 / 79011817
Accepted
Romay
Asked: 2024-09-22 22:11:26 +0800 CST

错误：无法读取从 props 获得的“未定义”变量（vue/Inertia）的属性

  • 772

以下是页面代码的一部分（开始）：

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

阅读 Inertia 的文档没有得到任何结果。请帮助我

页面上的表单中的数据必须用“post”变量中的数据填充。试过这个：

defineProps({
    post: Object 
});

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

“this” var 仍为“未定义”

vue.js

1 个回答

  1. Best Answer

    您应该分配defineProps给一个常量，然后使用该常量来访问 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>
    • 0

相关问题