element的select控制输入格式

简介: 笔记

5.png6.png

<el-select
                  v-model="formList[0].value"
                  filterable
                  allow-create
                  placeholder="请输入内容"
                  @focus="dropDownInformation(formList[0].name)"
                  @input.native="filterData"
                  ref="searchSelect"
                >
                  <el-option
                    v-for="item in temporaryOptions"
                    :key="item.index"
                    :label="item"
                    :value="item"
                  >
                  </el-option>
                </el-select>
 // 限制输入字数
    filterData() {
      let str = this.$refs.searchSelect.$data.selectedLabel;
      // str = str.replace(/^([^\u4e00-\u9fa5]|[^a-zA-Z0-9]){6,}$|\s+/g, "不能输入超过60字符");
       str = str.replace(/^([^\u4e00-\u9fa5]|[^a-zA-Z0-9]){6,}$|\s+/g, "");
    },
目录
相关文章
element-ui table排序sortable三种状态,怎么去掉默认状态
在 element-ui 中,也定义了 sort-orders 有三种状态: ascending、descending、null,这三种状态形成一个循环切换。
2216 0
|
1月前
【UI】 element ui 表格没有数据时用--填充
【UI】 element ui 表格没有数据时用--填充
22 2
|
4月前
|
前端开发 JavaScript
empty来显示暂无数据简直太好用,阻止用户复制文本user-select
empty来显示暂无数据简直太好用,阻止用户复制文本user-select
|
6月前
根据select下拉框值判断验证条件
根据select下拉框值判断验证条件
23 0
|
6月前
Element-UI中el-input输入值不显示
Element-UI中el-input输入值不显示
153 0
|
8月前
|
JavaScript
jQuery val(); input 获取与设置默认输入内容
jQuery val(); input 获取与设置默认输入内容
46 0
element:el-select添加图片以及自定义内容
element:el-select添加图片以及自定义内容
|
JavaScript
VUE element-ui之form表单中input输入超过规定长度error提醒,并实时显示输入长度,可无限输入
输入超过规定长度error提醒,并实时显示输入长度,可无限输入
893 0
VUE element-ui之form表单中input输入超过规定长度error提醒,并实时显示输入长度,可无限输入
|
数据处理
编辑表格输入内容、根据input输入框输入数字动态生成表格行数、编辑表格内容提交传给后台数据处理
编辑表格输入内容、根据input输入框输入数字动态生成表格行数、编辑表格内容提交传给后台数据处理 记录自己学习做的东西,写的小demo,希望对大家也有帮助!
272 0