Vue表单修饰符.lazy对element的el-put不起作用

Vue表单修饰符.lazy是懒加载的意思

都知道vue的v-model是双向绑定的，v-model数据加载和变化是同时的，但当用.lazy修饰的时候，数据变化不同步了，只有移除焦点后才会同步。

代码：

结果对比：

1.正常绑定，输入的同时显示：

 

2. 加上修饰符.lazy，输入的同时没有显示，移除焦点后显示

 

为什么表单修饰符.lazy对element的el-put不起作用呢？

先看一下el-put的结构：

浏览器解析完，是用div包裹的结构，.lazy并没有绑定到input表单上。

也就是说：element是把结构和样式都封装在一起呈现出来，lazy只能绑定到结构上。所以.lazy对element的el-input不起作用。