Vue.js 中获取 checked 值的方法有三种:使用 v-model 指令:使用 TypeScript:const isChecked = this.$refs.checkbox.checked;使用原生 JavaScript:const isChecked = document.querySelector('input[type="check

如何在 Vue.js 中获取 checked 值
Vue.js 提供了多种方法来获取输入元素的 checked 值。
1. 使用 v-model
v-model 指令是一种快捷方式,可自动在 Vue 实例和数据模型之间绑定表单输入值。要使用 v-model 绑定 checked 值,可以如下所示:
立即学习“前端免费学习笔记(深入)”;
2. 使用 TypeScript
对于 TypeScript 用户,可以使用 .checked 属性直接获取元素的 checked 值:
const isChecked = this.$refs.checkbox.checked;
3. 使用原生 JavaScript
也可以使用原生 JavaScript DOM API 来获取 checked 值:
const isChecked = document.querySelector('input[type="checkbox"]').checked;用法示例
一旦获取了 checked 值,就可以根据需要使用它:
- 禁用或启用按钮
- 触发事件
- 更新数据模型
例如,可以使用 v-model 和禁用的 button:










