表单控件绑定：checkbox表单绑定v-model

最新推荐文章于 2023-08-10 09:34:48 发布

陌依依

最新推荐文章于 2023-08-10 09:34:48 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端开发文章标签：服务器前端 javascript vue.js 前端框架

本文链接：https://blog.youkuaiyun.com/a1598452168YY/article/details/127969235

本文探讨了Vue.js中checkbox表单控件的v-model绑定。对于单选，v-model绑定的布尔值代表选中状态。而对于多选，简单的true/false无法实现，需要利用value值进行绑定，以便于处理多个选项并传递给后端。Vue.js的mvvm架构模式实现了双向数据绑定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

表单checkbox，绑定的v-model是一个布尔值，要么为true，要么为false；
因为它是勾选，或者不勾选的形式；
为true了就是勾选，为false了就是不勾选；

代码：

<body>
    <div id="box">
        <input type="checkbox" v-model="isRemember">记住用户名
    </div>
    <script>
        new Vue({
            el:"#box",
            data:{
                isRemember:false
            }
        })
    </script>
</body>

结果：