model,这里怎么理解

来源:2-8 vue如何自己实现v-model

激情的樱木花道

2021-10-24 10:32:54

https://img.mukewang.com/climg/6174c5280956d63a03270081.jpg

这是什么,自定义指令?

https://img.mukewang.com/climg/6174c58e092ffdfc03230030.jpg

这是什么意思????????

写回答

1回答

好帮手慕然然

2021-10-24

同学你好,解答如下:

 v-model指令通常用于 input 组件, input 组件本身有一个 onInput 事件,每当输入框内容发生变化的时候,就会触发这个事件,然后把 input 的值传递出去,即以下两种写法可以实现同样的效果

https://img.mukewang.com/climg/6174cf3e097164cb08460122.jpg

根据以上写法,可以自定义v-model指令。

v-model 默认情况下只会接受 value 属性 和  input 事件,因为 v-model 本身是基于 input 定制的,而 value 属性 和 input 事件是 input 组件内部定义的。

所以,如果自定义v-model,则需要在子组件内部使用 model 选项来改变 v-model 默认绑定的value属性和 input事件,即

https://img.mukewang.com/climg/6174d88e091ed74f06550213.jpg

而以下代码,则是在触发change这个事件并携带新的值

https://img.mukewang.com/climg/6174d9190947fc2505320064.jpg

祝学习愉快!

0

0 学习 · 15276 问题

查看课程