当前位置:网站首页>最近编程中遇到的一些问题2021/9/8
最近编程中遇到的一些问题2021/9/8
2022-04-23 05:56:00 【Eli-sun】
1
首先是el-autocomplete这个组件进行模糊查询时,要限制输入的是数字,并且限制输入的长度
<el-autocomplete
v-model="phoneNumber"
:fetch-suggestions="querySearch"
:maxlength="length"
placeholder="请输入联系电话"
oninput="value=value.replace(/[^\d]/g,'')"
@select="handleSelect"
/>
给她一个maxlength属性,但是这个必须是数字才行,不是数字的话不起作用,所以可以动态绑定一个数字。
可以用oninput限制输入的是什么。
2
截取字符串的某一部分
let str1=str.substring(0,ipos); //取前部分(指定开始的字符串的之前)
// 比如我需要截取字符串的前三个字符
let str = 'abcdefg'
str.substring(0,3)
// 返回的就是abc
3
element-UI车牌号的校验规则(vue)
// 写在data里面
var carPhoneValid = (rule, value, callback) => {
const plateNumber = /^([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1})$/
if (!value) {
callback(new Error('请输入车牌号'))
} else if (plateNumber.test(value)) {
callback()
} else {
callback(new Error('车牌号格式错误'))
}
}
// rules
carNum: [
{ required: true, validator: carPhoneValid, trigger: 'blur' }
],
4
在el-dialog关闭之后清除掉el-form的校验规则
给el-dialog绑定一个@close="closeadd2Dialog"方法
closeadd2Dialog() {
this.$refs.addNewForm.resetFields()
},
5
可以这样写自己想要的提示
this.$message({
message: '原因不能为空',
type: 'error'
})
6
当/deep/不起作用时,可以用::v-deep
::v-deep .el-textarea{
width: 100%;
}
7
使用replace函数替换
str = '2021-09-08T15:05:34.20'
//去除字符串中含有的某字符串:str = str.replace('T', ' ');
// 这里是把T替换成空格
//去掉T和毫秒可以写成
str.replace('T', ' ').substring(0, 19)
//注意:此处不可写作:str.replace(‘give’, ‘’);要写作:str = str.replace(‘give’, ‘’);
版权声明
本文为[Eli-sun]所创,转载请带上原文链接,感谢
https://blog.csdn.net/vfjcgg/article/details/120171700
边栏推荐
猜你喜欢
随机推荐
Arm common assembly instructions
MOS tube characteristics and conduction process
excel快速自动填充空白单元格上一行的内容
【ORACLE与mysql的区别】
Makefile foundation, common functions and general makefile
The difference between VaR, let and Const
JS中的this指向
如何使用input表单向服务发送(占用较小)图片文件(body传输)?涉及到FileReader内置对象
若依如何input改成文本
【Markdown笔记】
Node访问服务器端静态资源
Redux overview
说说ts的心里话
Node的文件系统及Buffer概述
oninput 一个函数达到控制多个oninput的效果(将本输入框的内容作为参数)【很实用,很实用】
FOC single resistance sampling position loop control servo motor
v-for下定时给图片添加动画
自用学习笔记-connectingString配置
【正河源刀具相关】
邮箱字符串判断