使用 Vue 3 組合 API，如何傳回屬性 firstDigit 的計算值？計算屬性中的關鍵字this 是undefined 但是當我將this 排除在外時，我收到錯誤fourDigits is not Defined 。
<script setup>
import { computed, reactive } from 'vue'
const input = reactive({
fourDigits: Array(1,2,3,4),
firstDigit: computed(() => {
return this.fourDigits[0] <===== `this` is undefined but if I leave `this` out, then `fourDigits` is undefined.
})
</script>
<template>
<div>
<pre>
{{JSON.stringify(input.firstDigit, null, 2)}}
</pre>
</div>
</template>
如果我需要使用狀態屬性為另一個狀態屬性賦值，我可以在 onMounted() 掛鉤中執行此操作。像這樣：
<script setup> import { computed, reactive } from 'vue' const input = reactive({ fourDigits: Array(1, 2, 3, 4), firstDigit: computed(() => { return 0; // just some default value }) }); onMounted(() => { input.firstDigit = input.fourDigits[0]; }) </script> <template> <div> <pre> {{ JSON.stringify(input.firstDigit, null, 2) }} </pre> </div> </template>檢查它是否適合您。祝一切順利！
this是組合 API 中的其他內容，請嘗試使用：firstDigit: computed(() => { return input.fourDigits[0] })