开发项目的时候，组件库的使用有时会为我们节省开发时间，提高开发效率，但组件库样式有时与我们的设计图出入很大，还有的方法也很偏门，主要官方文档有时候对于一些方法和属性介绍的也比较少，以下是我在工作中总结的一些element的使用方法~

  • 表单的验证~

　　element的官方文档的表单验证很简单，但有时候对于实际开发又不够用，所以我们需要自定义正则，如何自定义呢？

　　1:在vue组件的data层自定义一个函数

　　

　　value即为表单绑定的值，我们在函数里自定义正则 const reg = /^[0-9]*$/ ,然后去验证我们的输入值reg.test(value)，成功则callback(),错误return callback(new Error('错误提示'));

　

　　然后将我们自定义的函数绑定到element表单的rules的validator里，这样自定义的表单验证就完成了~

  • element列表为空时

　　

　　element的默认为空样式是empty-text="当前数据没有，请添加数据"，但是设计图80%不会是这样的，所以我们可以在列表标签结束前自定义样式，在插·　　槽‘empty’下自定义数据为空的样式。

 

最新文章

  1. caffe_实战之两个简单的例子（物体分类和人脸检测）
  2. AppCan学习笔记--数据存储及listview简单应用
  3. linux云服务器mysql ERROR 2002 (HY000): Can’t connect to local MySQL server through socket ‘/tmp/mysql.sock’
  4. Pyhton 学习总结 20 ：执行系统命令
  5. PHPCMS联动菜单的调用函数get_linkage方法详解
  6. Effective Java 42 Use varargs judiciously
  7. HDU2196 Computer（树形DP）
  8. BZOJ3867 : Nice boat
  9. Flash与IE奇怪的关键字冲突
  10. Android的Fragment中onActivityResult不被调用的解决方案
  11. Red5 1.0 RC1 与tomcat 6 整合
  12. Hibernate打印SQL及附加参数
  13. dubbox的provider端嵌套调用问题
  14. 基于UML的时空建模
  15. Django REST framework 第二章 Request and Response
  16. mezzanine的page_menu tag（二）
  17. .Net Core:身份认证组件
  18. 关于Centos7 firewalld防火墙开放端口后仍不能访问ftp和nginx的问题解决
  19. The Django Book第六章(Admin)随笔
  20. Alpha冲刺——day9

热门文章

  1. [译]RabbitMQ教程C#版 - 远程过程调用(RPC)
  2. 动态生成具有嵌套属性的linq选择(select)
  3. js原型和原型链理解到面向对象
  4. 【笔记】Rancher2.1容器云平台新特性
  5. js中关于数组处理的一些小技巧
  6. webpack学习笔记 (三) webpack-dev-server插件和HotModuleReplacementPlugin插件使用
  7. windows平台 python生成 pyd文件
  8. MySQL 存储过程循环
  9. WSGI协议主要包括server和application两部分：
  10. XV Open Cup named after E.V. Pankratiev. GP of Siberia-Swimming