logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年

v-model 的修饰符:.number

  • 有一个组件包含一个v-model绑定了名为content的文本框,默认值为0。
  • 文本框绑定了一个change事件处理器onChangeContent
  • 组件添加了一个created生命周期方法,在其中通过typeof检查this.content的类型,并在控制台输出。
  • 当文本框的值变更后,如果没有特别处理,content的数据类型会从number变为string
  • 为保持数据类型为number,可以在v-model后添加number修饰符,测试后可以发现类型仍为number