javascript - Vue表单控件绑定

查看:80
本文介绍了javascript - Vue表单控件绑定的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

初学Vue,跟着官网教程走,看到表单控件绑定一节,有个疑问
<input type="checkbox" id="checkbox" value="123" v-model="checked">
<label for="checkbox">{{ checked }}</label>
这个里面的checked绑定的是true或者false;
<input type="checkbox" id="jack" value="Jack" v-model="checkedNames">
<label for="jack">Jack</label>
<span>Checked names: {{ checkedNames }}</span>
这一段checkedNames绑定的是value,我想问一下为什么呢?如果我希望第一段绑定value,那么我应该怎么做呢?
希望有大神解答我的问题,谢谢!

这个问题已被关闭,原因:问题已解决 - 问题已解决,且对他人无借鉴意义

解决方案

在input checkbox中v-model绑定的变量的初始值是数组那么变量响应的就是checkbox的value了。

这篇关于javascript - Vue表单控件绑定的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆