有一個例子：
<template>
<h1>hello</h1>
</template>
<script lang="ts">
import Vue from 'vue'
type DataOptions = {
name: string
age: number
flags: { t: number; l: number }[]
}
export default Vue.extend({
name: 'HelloWorld',
data(): DataOptions {
return {
name: 'zs',
age: 18,
flags: []
}
},
methods: {
refresh() {
const response = [
{ t: 1, l: 1 },
{ t: 2, l: 2 }
]
this.flags = Object.freeze(response)
}
}
})
</script>
打字稿會報告：型別 'readonly { t: number; l：數量；}[]' 是 'readonly' 并且不能分配給可變型別 '{ t: string; l：字串；}[]'。
uj5u.com熱心網友回復：
將您的資料屬性flags設為只讀陣列，以便為??其分配回應：
type DataOptions = {
name: string
age: number
flags: ReadonlyArray<Record<'t'|'l', number>>
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/370458.html
上一篇：Vue3在函式內設定參考值