Vue怎么获取checked

如何在 Vue.js 中获取 checked 值

Vue.js 提供了多种方法来获取输入元素的 checked 值。

1. 使用 v-model

v-model 指令是一种快捷方式，可自动在 Vue 实例和数据模型之间绑定表单输入值。要使用 v-model 绑定 checked 值，可以如下所示：

立即学习“前端免费学习笔记（深入）”；

<input type="checkbox" v-model="isChecked">

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：

<button :disabled="!isChecked">保存</button>