最近编程中遇到的一些问题2021/9/8

2021-09-08 09:30:57 阅读：191 来源： 互联网

标签：el 遇到编程 deep HJ callback 2021 NP Z0

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

标签：el,遇到,编程,deep,HJ,callback,2021,NP,Z0
来源： https://blog.csdn.net/vfjcgg/article/details/120171700

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

最近编程中遇到的一些问题2021/9/8