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 值，可以如下所示：
立即学习“前端免费学习笔记（深入）”；
<code class="html"><input type="checkbox" v-model="isChecked"></code>
2. 使用 TypeScript
对于 TypeScript 用户，可以使用 .checked 属性直接获取元素的 checked 值：
<code class="typescript">const isChecked = this.$refs.checkbox.checked;</code>
3. 使用原生 JavaScript
也可以使用原生 JavaScript DOM API 来获取 checked 值：
<code class="javascript">const isChecked = document.querySelector('input[type="checkbox"]').checked;</code>用法示例
一旦获取了 checked 值，就可以根据需要使用它：
- 禁用或启用按钮
- 触发事件
- 更新数据模型
例如，可以使用 v-model 和禁用的 button：
<code class="html"><button :disabled="!isChecked">保存</button></code>
