So geben Sie Eigenschaften mit der Vue 3-Kompositions-API zurück 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>
Your Answer
2 antwortet
如果我需要使用状态属性为另一个状态属性赋值,我可以在 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]
})
Hot-Tools-Tags
Hot Questions
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln
2024-04-29 11:01:01
So zeigen Sie die mobile Version von Google Chrome an
2024-04-23 00:22:19
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht.
2024-04-19 15:37:47
Im übergeordneten Fenster erfolgt keine Ausgabe
2024-04-18 23:52:34
Wo gibt es die Kursunterlagen zum CSS-Mindmapping?
2024-04-16 10:10:18
Hot Tools
Sammlung der Laufzeitbibliothek vc9-vc14 (32+64 Bit) (Link unten)
Laden Sie die Sammlung der Laufzeitbibliotheken herunter, die für die Installation von phpStudy erforderlich sind
VC9 32-Bit
VC9 32-Bit-Laufzeitbibliothek für die integrierte Installationsumgebung von phpstudy
Vollversion der PHP-Programmierer-Toolbox
Programmer Toolbox v1.0 PHP Integrierte Umgebung
VC11 32-Bit
VC11 32-Bit-Laufzeitbibliothek für die integrierte Installationsumgebung von phpstudy
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Heißer Artikel
Prognose der zehn wichtigsten Trends auf dem Kryptowährungsmarkt im Jahr 2025: Wo ist der nächste Trend?
2025-11-07
By DDD
Wie erkennt man die einheimischen Hundeprojekte im Währungskreis? Vermeiden Sie die Fallen und Risikowarnungen von Zerocoin
2025-11-07
By DDD
Was tun, wenn Win10-Schriftarten nach der Installation und Identifizierung von Win10-Schriftarten nicht in der Software gefunden werden können?
2025-11-07
By DDD
So booten Sie Windows 10 von USB: Ein Leitfaden für Anfänger
2025-11-07
By DDD





