• 欢迎来到八本那年博客,很高兴可以在对的年纪遇见对的你!
  • 因主题导致QQ登录的小伙伴在评论中显示默认头像,请去个人中心重新上传头像即可。

vue将数据模块化,如element表单校验

代码笔记 barben 3年前 (2020-05-29) 2177次浏览 0个评论

为什么要将数据模块化?

今天使用element的表单组件时,看见表单校验规则那么一堆一堆的写在页面的data之下,很乱。
那么我想,能不能把所有的表单校验的规则放一起便于管理呢?所以我就做了这些事情…

新建一个js文件

你可以将这个js文件放在项目中任何你想放的位置。

然后在这个js文件中,写入你的数据,并使用export default将数据暴露出来,就像这样:

export default 你的数据

引入这个js文件

使用import。
你可以在你需要的页面引入它。或者也可以在main.js中引入它,并将它挂载到全局

import rules from './assets/js/rules'
Vue.prototype.$rules = rules;

使用这些数据

你可以直接调用this.$rules来读取到你之前在js文件中暴露出来的内容

console.log(this.$rules.loginRules);

总结

无论是你想统一管理数据还是方法,都可以通过这种方法实现,便于后期查找及修改。


八本那年博客,我们一直都在
如作者未注明既为原创文章,转载请注明本文链接及出处
vue将数据模块化,如element表单校验 - https://www.barben.cn/code/836.html
喜欢 (8)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体

在八本那年评论需要带上你的昵称和邮箱哦!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址