在 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 值改变后,会自动相应到