欢迎光临散文网 会员登陆 & 注册

千锋教育前端Vue3.0全套视频教程(Kerwin2023版,Vue.js零基础

2023-07-21 12:30 作者:bili_59091750003  | 我要投稿

v-model实现双向数据绑定

  1. 视图更改状态就跟着更改,反过来,状态更改了,视图也会改变
  2. 如果checkbox中想通过一个属性来表示一个复选框的两种状态,可以直接给状态复一个布尔值;
  3. 如果checkbox想通过一个属性来实时获得一个调查问卷的选中结果,就可以把初始状态给一个数组,并且在每一个input上,书写一个value属性并赋值。因为数值是双向数据绑定的,所以在数组内容发生改变的时候,input的选中状态也会发生改变。
  4. 如果是radio实现单选,我们就可以把初始状态给一个字符串,而且还可以给一个默认值,代表他默认选中项。
  5. 如果是select选择器,只需要给它绑定一个v-model的选项,并绑定状态,状态默认值可以给空字符串,这样选中了那个option就是那个。同理,如果默认值给了其中的一个option中间的内容,那么这个select的初始值就是这个内容(没设置value的情况)。初始值就是option对应的value的内容(设置了value的情况)。

千锋教育前端Vue3.0全套视频教程(Kerwin2023版,Vue.js零基础的评论 (共 条)

分享到微博请遵守国家法律