首页 > 其他分享 >vue3实现input输入框只能输入中文

vue3实现input输入框只能输入中文

时间:2023-11-01 10:24:02浏览次数:30  
标签:中文 u9FA5 输入框 vue3 input 输入

简单记录下,方便以后复制

<el-input v-model="form.name" placeholder="使用人的姓名" :maxlength="20" :formatter="(value)=>value.replace(/[^\u4E00-\u9FA5]/g, '')" />

image

标签:中文,u9FA5,输入框,vue3,input,输入
From: https://www.cnblogs.com/lstory/p/17802421.html

相关文章

  • 无涯教程-C语言 - 输入(Input)&输出(Output)
     C编程提供了一组内置函数来读取给定的输入,并根据需要将其输入到程序中。getchar()和putchar()函数intgetchar(void)  - 函数从屏幕读取下一个可用字符,并将其作为整数返回。intputchar(intc)  - 函数将传递的字符放在屏幕上,并返回相同的字符。#include<stdi......
  • 输入框中价格等保留两位小数的方法
    function formatPrice (value){   newValue= (""+value)//第一步:转成字符串     .replace(/[^\d^\.]+/g,"")//第二步:把不是数字,不是小数点的过滤掉     .replace(/^0+(\d)/,"$1")//第三步:第一位0开头,0后面为数字,则过滤掉,取后面的......
  • vue3 + vite 的Excel表格的导入导出
    一、安装XLSX插件yarnaddxlsx或者npmixlsx二、引入插件在你需要的页面或者在main.js中引入import*asXLSXfrom'xlsx'三、导出Excel3.1核心api①xlsx.utils.book_new() 新建工作簿② xlsx.uti......
  • input输入框正则限制
    1.只能输入正负数,包括小数点value=value.replace(/[^\d.-]/g,'')2.只能输入正数,不包括小数点value=value.replace(/[^\d]/g,'')3.只能输入正负数,限制小数点后两位value=value.replace(/^(-)(\d+).(\d\d).$/,'$1$2.$3')4.只能输入正数,限制小数点后两位value=......
  • 初看vue3源码
    因为工作的原因又回到了vue的领域,需要加深对vue和vue生态的了解也许平时比较多人手机看别人解析怎么看vue源码的,自己动手看vue源码的还是比较少,这次我想自己动手看看首先吧代码获取到本地跑起来vue仓库地址https://github.com/vuejs/vue开发环境搭建指南https://github.com/......
  • js聚焦并将光标定位到输入框和可编辑DIV的最后
    //聚焦并将光标定位的文本末尾---div//letdom=$('.demonstrate-li-input').eq(i).focus()//letrange=document.createRange()//创建一个新的范围对象//letsel=window.getSelection()//获取当前选区对象......
  • vue2和vue3的区别
    vue2和vue3都是前端JavaScript框架,基本概念和功能大部分都相同,它们的区别主要在语法、原理、生态以及打包四个方面.语法:Vue.js2使用基于Object.defineProperty的双向绑定来追踪变化,而Vue.js3采用Proxy来实现响应式变化追踪,这提高了性能并允许更广泛的响应式追踪。在Vue.js3......
  • Vue.js框架:vue3引入mockjs模拟数据调试
    一、引入依赖1、安装依赖包在终端中使用以下命令:npminstall@types/mockjs--save此处使用了@types进行引入,是因为在.ts文件引用包时,默认必须有类型声明,不能是any。有很多依赖包是用纯JS写的,没有类型声明。因此使用@types作为类型声明的集......
  • Logstash input插件
    input插件用于指定输入源,一个pipeline可以有多个input插件,我们主要围绕下面几个input插件进行介绍stdinfilebeatkafkahttp2.1stdin插件从标准输入读取数据,从标准输出中输出内容cat/etc/logstash/conf.d/stdin_logstash.conf#从终端中输入,输出到中端input{ stdi......
  • vue3+ts 禁止文本框自动填充内容
    如果`<input>`元素的`autocomplete`属性设置为`"off"`但并没有起作用,这可能是因为不同浏览器对此属性的实现方式存在一些差异。为了更可靠地禁用自动填充功能,你可以尝试以下解决方案之一:1.添加`autocomplete="new-password"`属性值:一些浏览器会将`"off"`视为默认值,但......