![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 66
一块钢
换个平台整技术文章了
欢迎交流
展开
-
element-ui ColorPicker 可外部输入进行修改
今天遇到一个需求,用 element的颜色选择器同时,需要支持外部输入框进行修改问题:外部输入后,如何确保其输入的有效性?思考:用户可能乱输入,并且可能输入rgb、hex等等类型的颜色,正则等肯定是不行的过程:查看其源码,发现elemetn中有封装Color对象,经过阅读和尝试,找到了一个可行的方案。其Color类的特性为,输入非法颜色时,会输出为红色的值rgb(255,0,0,1),那我们可以借用这个特性封装一个颜色校验方法。源码:import Color from "element-pl.原创 2021-07-01 11:24:12 · 843 阅读 · 0 评论 -
使用 vue3 开发 前端静态编辑器 的一些思考总结
VUE3开发实践 - 前端静态页编辑器前言:记录一次使用 vue3开发 前端静态页编辑器 的历程,包括对项目的设计构思 和 对 vue3开发的一些思考,希望可以和大家多多交流讨论。之前也做过 react的开发,所以很多思维在这里运用到,但是相较于react,vue3开发起来会会让人感觉是一种有尺度的自由。由于项目为公司内项目,会更多讲述技术性的内容。主要分两方面进行介绍:1:前端静态页面编辑器(部分偏业务的内容会删减,更多是站在项目和vue3角度下的思考)2:不同项目/业务场景使用vue3开原创 2021-06-24 11:01:00 · 759 阅读 · 0 评论 -
关于Vant-ui校验,自己开发一个表单校验组件(一)
关于Vant-ui校验,开发表单校验组件(一)自己开发一个表单校验组件开发准备阶段规划form表单组件的apiAttributes 属性rules 参数说明Method 事件Slot 插槽自己开发一个表单校验组件最近项目用到vant-ui 框架,挺精简的,组件交互感觉也不错,但是最致命的没有类似其他 框架的 校验功能,于是萌生一个 开发 form 组件的想法。开发准备阶段看了一下其他带有校...原创 2019-09-05 11:03:21 · 9550 阅读 · 0 评论 -
关于Vant-ui校验,自己开发一个表单校验组件(二)
关于Vant-ui校验,自己开发一个表单校验组件(二)开发中的几个重要问题以及解决如何获取需要校验的元素校验过程中 错误信息如何展示开发中的几个重要问题以及解决先创建 扩展的form组件,data 中存放 rulesEles (需要校验的元素)如何获取需要校验的元素获取 指定插槽内的所有元素项this.$slots[插槽的名称]但是有个问题,由于需要校验的元素可能在html结构中的...原创 2019-09-05 14:28:44 · 4133 阅读 · 3 评论 -
关于Vant-ui校验,自己开发一个表单校验组件(三)
关于Vant-ui校验,自己开发一个表单校验组件(三)vant-ui 扩展表单的完整的代码<template> <div> <slot name="items"></slot> </div></template><script> /** * author:ronggang...原创 2019-09-05 14:33:21 · 9603 阅读 · 8 评论