🖥
Nuxt3 / Vue3 – typescript + ref で配列を定義するには？ ( 型 'string' を型 'never' に割
文字列を値に持つ配列を定義したい
エラー
このコードだとVsCodeで以下のエラーが
型 'string' を型 'never' に割り当てることはできません。
<script setup lang="ts">
const fruits = ref([])
fruits.value = ["Apple"]
fruits.value.push("Banana")
</script>
追記 - 解決
const fruits = ref<string[]>([])
と書けば良いようだ
<script setup lang="ts">
const fruits = ref<string[]>([])
fruits.value = ['Apple']
fruits.value.push('Banana')
</script>
とりあえず解決
文字列の配列の型をいちど定義しておいてから、それをrefに割り当てることでエラーが収まった
(これで良いのだろうか)
<script setup lang="ts">
const stringArray: string[] = [];
const fruits = ref(stringArray)
fruits.value = ["Apple"]
fruits.value.push("Banana")
</script>
チャットメンバー募集
何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。
公開日時
2023-02-16
Discussion