v-model:disabled 和 :disabled 踩坑

双向绑定基本知识

1. 双向绑定一般都应用在表单类元素上（如：input、select 等）
2. v-model:value可以简写为 v-model，因为v-model默认收集的就是 value 的值
3. v-model只能应用在表单类元素（输入类元素）上

在收集复选框的表单数据的时

1. 没有配置 input 的 value 属性，那么收集的就是 checked（勾选 or 未勾选，是布尔值）

2. 配置 input 的 value 属性:

   1. v-model 的初始值是非数组，那么收集的就是 checked（勾选 or 未勾选，是布尔值）
   2. v-model 的初始值是数组，那么收集的的就是 value 组成的数组

踩坑

习惯性的简写成 :disabled 结果发现无法获取复选框的变化.

<div class="alert-input-agree">
	<input :disabled="isOk.isAgree" name="isAgree" type="checkbox"/>
	我已阅读并同意
	<a href="javascript:;" target="_blank">《动力金融网注册服务协议》</a>
</div>

改成 v-model:disabled 就行了

<div class="alert-input-agree">
	<input v-model:disabled="isOk.isAgree" name="isAgree" type="checkbox"/>
	我已阅读并同意
	<a href="javascript:;" target="_blank">《动力金融网注册服务协议》</a>
</div>