我有一個包含一個表單元素和一個按鈕元素的模板：
<button
type="submit"
id="ms_sign_in_submit"
ref="submitButton"
class="btn btn-lg btn-primary w-100 mb-5">
</button>
我已經在腳本中const呼叫了。submitButton
const submitButton = ref<HTMLButtonElement | null>(null);
不知何故，submitButton元素（id="ms_sign_in_submit"）被分配/繼承（？）到submitButton.value，但我不明白如何。submitButton元素從未顯式分配給submitButton const.
uj5u.com熱心網友回復：
Vue自動將模板 ref 分配給ref從鉤子回傳的匹配名稱setup()，如下面的代碼：
<template>
<button ref="submitButton">Submit</button>
</template> ??
<script lang="ts">
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
const submitButton = ref<HTMLButtonElement | null>(null);
return { submitButton }
} ?? /* automatically assigned to template ref of same name */
})
</script>
模板參考分配不是您自己明確要做的事情。
聽起來也可能對const. 即使submitButton是一個const物件，它的value屬性仍然可以被修改。對于在 TypeScript ( demo ) 中未凍結 ( )或使用斷言 ( )宣告的所有const物件都是如此。Object.freeze()constas const
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/434619.html
標籤：html 打字稿 Vue.js Vuejs3 vue-composition-api