Vue.js 中如何使用 v-model 指令实现可选框
在 Vue.js 中,你可以使用 `v-model` 指令来处理可选框的选择状态。以下是一个简单的例子:
<template>
<div>
<input type="checkbox" v-model="isChecked">
<label for="checkbox">选项</label>
</div>
</template>
<script>
export default {
data() {
return {
isChecked: false
}
}
}
</script>
在上面的例子中,我们使用 `v-model` 指令将 `isChecked` 属性与 `` 元素绑定。当 checkbox 被选中时,`isChecked` 的值会变为 `true`,否则为 `false`。你可以根据 `isChecked` 的值来决定是否执行某些逻辑。
希望对你有所帮助!
原文地址: https://www.cveoy.top/t/topic/b3X7 著作权归作者所有。请勿转载和采集!