在 Vue 3 中,你通常不會直接通過類名(或任何其他 DOM 選擇器)來獲取 DOM 元素,因為 Vue 鼓勵你使用數據驅動視圖的方式來更新和操作元素。然而,如果你確實需要訪問 DOM 元素(這通常是不推薦的,除非有特別的原因),你可以使用 Vue 3 的 ref
或者 refs
(在模板中使用 ref
指令時,它們會在組件的 $refs
對象中作為響應式引用存在)。
但是,你不能直接使用類名來獲取 ref
。你需要顯式地為每個你想要訪問的 DOM 元素添加一個 ref
。
由于沒有引用jquery組件,不能使用class類名來查找改變元素得disabled屬性,受用ref吧,有幾個ref,就要先定義幾個ref,對于動態生成得多個select來說,不合適,那咋么辦呢
其實,在 Vue 中,當你需要根據一個 select
的值來改變同級 input
的 disabled
狀態時,你可以使用 v-model
來雙向綁定 select
的值,并使用計算屬性或方法來根據這個值設置 input
的 disabled
狀態。
因為 input 的 disabled 狀態是響應式的 ,當select 值改變后,會自動相應到