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%;
}