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, "");
    },
目录
相关文章
|
6月前
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
1009 1
ELEMENT组件库,如何让select出现默认值
ELEMENT组件库,如何让select出现默认值
|
8月前
|
前端开发 JavaScript
empty来显示暂无数据简直太好用,阻止用户复制文本user-select
empty来显示暂无数据简直太好用,阻止用户复制文本user-select
MPAndroidChart 教程:突出显示值 Highlighting Values
本节主题是重点介绍通过tap-gesture和基于发行版v3.0.0以编程方式突出显示图表中条目。 启用/禁用突出显示 setHighlightPerDragEnabled(boolean enabled):在Chart 上将此设置为true,以便在完全缩小时在图表表面上进行每次拖动时突出显示,默认值:true setHighlightPerTapEnabled(boolean enabled):在Chart 上将此设置为false,以防止通过点击手势突出显示值。
2353 0
|
数据处理
编辑表格输入内容、根据input输入框输入数字动态生成表格行数、编辑表格内容提交传给后台数据处理
编辑表格输入内容、根据input输入框输入数字动态生成表格行数、编辑表格内容提交传给后台数据处理 记录自己学习做的东西,写的小demo,希望对大家也有帮助!
317 0