但是有时候我们希望，在我们输入完光标离开才更新视图,相当于在onchange事件触发更新。 如果你先输入数字，那它就会限制你输入的只能是数字。 一键阻止事件冒泡，相当于调用了event.stopPropagation()方法。 用于阻止事件的默认行为，例如，当点击提交按钮时阻止…

前些日子碰到了动态渲染表单的需求，在这里记录一下，也许能帮到大家。 本文着重梳理动态渲染思路，关于超级表单，由于还不够完善，就不做赘述。 了解这些后，我们再来一步一步实现这个组件。 第二步，设置默认值。 因为在每个form-item都会需要一个v-model，所以在渲染之前，保…

作者：孙辉，美团金融前端团队成员。15年毕业加入美团，相信技术，更相信技术只是大千世界里知识的一种，个人博客: https://sunyuhui.com 备注：文章内容和案例均基于Vue2（具体版本为Vue2.3.4） 笔者最近在写组件的时候，遇到了 v-model 的使用问题…

在日常开发的过程中,v-model指令是经常用到的,一般来说 v-model 指令在表单及元素上创建双向数据绑定,但 v-model 本质是语法糖。但提到语法糖,这里就不得不提另一个与v-model有

那么在Vue3中，对外暴露了很多的API供开发者使用，我们可以根据自己的需求，将所需要的API从Vue中导入。例如 main.js 中的代码 provide ：向子组件以及子孙组件传递数据。接收两个参数，第一个参数是 key，即数据的名称；第二个参数为 value，即数据的值 …

2020年9月18日，vue3正式版发布了，前几天把文档整体读了一遍，感触很深，可以解决我项目中的一些痛点，于是就决定重构之前那个vue2的开源项目。 本篇文章就记录下重构vue2项目的过程，欢迎各位感兴趣的开发者阅读本文。 本来打算使用vite + vue3 + VueRou…

但是实际应用中，后台数据的返回格式和指定合并肯定是动态且没有规律的。element的示例过于简单，并且也没有什么太多的解释。实操中就碰到了这个问题。现在记录下来。 实操中，需要合并的代码通常就是子数据需要进行合并，因为后台返回的格式都是父数据中包裹着子数据，这种格式看起来也是比…

3、resetFields() 是将表单项重置为初始值，而这个初始值是在 Vue mounted 时赋值上去的，如果在这之前对表单进行了赋值，则初始值会改变（例如 created 时），那么后面调用 resetFields() 则不会生效（不会是定义时的空值）。

6个实用的Vue自定义指令推荐 在 Vue2.0，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。本文给大家分享6个开发中可能用到的自定义指令。