如何自定义组件的v-model?【Vue面试题】

作者: 我是小野森森分类: 野生技能协会 发布时间: 2020-08-22 17:40:47 浏览:11900 次

如何自定义组件的v-model?【Vue面试题】

这孩子挺淘:
看了第一遍有点不是很懂,第二遍带着自己的理解发个言,不知道对不对。首先有个问题就是什么情况下会用到 v-model 组件呢?其次,视频中讲到的逻辑是这样的不知道对不对;先是演示了一下 input 的默认输入的 v-model 直接用的方法(比如直接v-model)和实际实现原理(监听input和设置value),进而衍生讲解有时候并不是 value 和 input 搭配用的,需要修改默认参数,比如用 checkbox 做例子就修改了相关值。相当于开始讲了一下实现原理,后面合一自定义一些参数进行自定义组件,是这个意思吧。

风归叶:
最新的vue3中已经变为modelValue了,input改为update:modelValue了,可去官网看看(英文)

尖叫的蛋包饭:
如果一个子组件内部有多个表单元素,分别需要不同的model,怎么设置呢?

【回复】回复 @哈默聊前端 :学习了,谢谢分享。[微笑]
【回复】这个我之前有讲过,可以看下哦 Vue3中v-model的变化【Vue3】 https://www.bilibili.com/video/BV1kk4y1m73M
【回复】回复 @程风蓝 :是呢,之前用element-ui里面的分页组件,一个组件上绑定上总条数跟当前页,当前页后面就需要加上.sync修饰符,不然切换页面的时候不生效[喜极而泣],当时不懂现在看了视频就知道为什么了。
bingoboyo:
自定义vmodel,组件里必须是表单才可以吗

知识分享官 编程 前端 JAVASCRIPT WEB 经验分享 JS VUE WEB前端 知识分享官招募令·第六期

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!