3. 当前方式存在的问题
虽然表单校验可以使用了,但是存在一些显而易见的问题:
1.js和html耦合度较高,插件还需要获取dom元素,组件的html模板中还需要添加指定的类名。
2.在vue中使用dom操作,不符合vue的设计思路,实现方式也不优雅。
3.校验规则的校验逻辑在指令定义时写定了,添加或删除都需要改动插件代码。
4.提交指令根据当前组件内的是否含有特定dom来判断当前校验状态,且执行提交的函数名称也在指令逻辑中写定了。
我根据现有一个demo结合着自己的需求来实现的这个表单校验插件,开发的过程中我已经知道这么写问题很多,甚至不能称之为一个合格的插件。同时也清楚的认识到自己的javascript水平还很初级,需要很大进步。
当前开发的表单插件的主要问题在于如何将插件中的校验状态返回到组件内。我们可以在插件内维护一个事件处理函数,将校验规则传入并校验,再将校验结果直接传给组件内。这样就可以避免大量的dom操作。之后我需要尽快对这个插件进行更科学合理的重构。
总结
以上所述是小编给大家介绍的使用vue自定义指令开发表单验证插件validate.js,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!










