yehaocheng520的博客

vue——params传参并正则校验是否有英文——基础积累

今天遇到一个需求，要求表单校验时添加一个正则校验。要求以J开头并且以A结尾。由于本人的正则比较生疏。因此耽误了点时间。下面为正确答案：/^J.*A$/gi表单校验中的rules校验规则：{ validator: validateCode, trigger: ['blur','change'] }let validateCode = (rule, value, callback) => { var reg = /^J.*A$/gi; if (value === '') {

今天遇到一个问题：是关于页面部分文字高亮的问题：正常情况下是没啥问题的，当搜索匹配的内容如下时，就会出现下面的情况：之前的处理思路如下链接：js实现页面搜索内容后，检索到的内容高亮展示——正则匹配：链接地址之前的处理思路是：通过接口获取到表格数据后，对其中的部分字段进行正则匹配，匹配成功后，将关键字替换为span标签，直接改变对应的字段，然后用v-html渲染对应的字段。这个方法当前看上去没啥问题，但是今天当用户搜索：pa时就出现了上面的情况。pa好像也匹配到了span上的pa，导致页面出现了

前一段时间在做电商前台页面时，用到了正则匹配，将字符串中的部分内容替换成指定内容，可以使用replace来进行替换处理。在使用的过程中，发现replace只能替换前一个，如果该字符串中有多项相同的内容，则无法实现全部替换。如果要替换字符串中所有的相同内容，则可以使用replaceAllreplaceAll全部替换的方法使用但是在浏览器控制台测试时，发现控制台报错。查找各种资料后，发现控制台报错的原因是：我是用的谷歌浏览器，发现谷歌浏览器要是想使用replaceAll方法的话，需要保证浏览器

今天在做后台管理系统时，遇到一个需求，就是在点击发货按钮时，需要输入发货的数量，为了简单我用了elementUi中的messageBox弹窗功能，里面有个可以输入内容的弹窗。效果图如下：elementUi中的组件如下：这个组件是可以进行正则匹配输入的内容是否符合规则的：对于发货而言，数量必须是一个大于0的才可以。因此现在的问题在于如何用正则匹配大于0的数字。正则匹配大于0的数字——/^[1-9]*[1-9][0-9]*$/上面弹窗的代码如下：this.$prompt('请输入包裹数量',

最近在做电商页面时，遇到一个需求，就是要进行页面的检索，检索时，要将匹配到的内容高亮展示，效果图如下：如果要显示上面的效果需要用到正则表达式正则表达式去匹配想要匹配的字段，如果是要同时匹配多个，则需要用|进行分割，匹配到内容后，通过replace来将匹配到的内容转化为一个background:yellow的div元素即可。渲染数据时，用v-html进行渲染就可以了。检索时，接口返回要匹配的字段比如我输入的内容是：0603,此时调取接口，接口返回给我要匹配的字段，是一个数组，则就是多个字段同时匹配，

最近在做后台管理系统时，遇到一个问题，就是调取接口后，接口返回的内容中有特定的变量，比如：{string}，则需要将对应的变量变成一个input输入框，然后用户输入内容后，再将所有的内容同意返回给后端的接口。如下：这个问题其实本质就是一个正则的匹配问题：通过正则匹配，并替换成对应的input组件 var reg = new RegExp("{string}", 'gi'); var data = JSON.parse(JSON.stringify(res.data)); data.forEac