vue 重写element input限制字数

在使用element时，提供了限制字数的属性

<el-input v-model="form.campaignName" size="medium" style="width: 250px;" show-word-limit maxlength="150"></el-input>

但是会发现，提示不管你输入啥都是按照一次字符算的。

在开发头条的接口中，提示一个汉字占2个字符，所以要重写

------------------------------------------------------------------------

<el-input v-model="form.campaignName" size="medium" style="width: 250px;" maxlength="100" @input="campaignNameInput"></el-input><span class="gray"> 字数限制:{{campaignNameNum}}/100</span>

/** 广告组名称字符限制 **/campaignNameInput() {let temp = 0;for (var i = 0; i < this.form.campaignName.length; i++) {if (/[\u4e00-\u9fa5]/.test(this.form.campaignName[i])) {temp += 2} else {temp++}}this.campaignNameNum = temp;},

.gray{color: gray;}

这个我字数限制的提示我写在了外面了，如果大家有更好的办法，可以提供一下

vue 重写element input限制字数相关推荐

Vue + TypeScript + Element 搭建简洁时尚的博客网站及踩坑记
前言本文讲解如何在 Vue 项目中使用 TypeScript 来搭建并开发项目,并在此过程中踩过的坑 . TypeScript 具有类型系统,且是 JavaScript 的超集,TypeScript ...
关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题
方法使用前需了解: 来自"和"小编的小提示: 首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form. 其次在拿到了正确的form后,检查 ...
渣渣枫初识Vue与Element
渣渣初学Vue与Element 一.Vue 1.初识Vue 2.Vue的入门 3.Vue入门升级 4.小结二.Vue常用指令 1.常用指令 2.文本插值 3.绑定属性 4.条件渲染 5.列表渲染 6 ...
基于vue与element实现创建试卷相关功能
由于最近在一个项目中需要实现创建试卷与预览试卷的功能,所以就自己动手写了一个,效果还不错,目前项目已经交付使用,今天就先和大家分享一下创建试卷. 源码已上传至gitee仓库,地址https://git ...
Vue之element table 后端排序实现
Vue之element table 后端排序实现 1.如果需要后端排序,需将sortable设置为custom,同时在 Table 上监听sort-change事件,在事件回调中可以获取当前排序的字段 ...
【Vue】 element ui 引入第三方图标
最近一个项目用到 vue 和 element ui开发前端.使用element ui自带的icon太少,所以引入第三方的.截止目前为止国内外网络上的相关教程我搜索到没超过5篇,而且都不详细,即使全部阅 ...
Node mysql mvc vue_net MVC +Vue.js+Element UI 笔记
最近项目需求,要在MVC里用Vue 与 Element UI,故而做个笔记来记录一些遇到的问题和处理思路 (方式比较麻瓜,如果不是临时用的话,建议还是学一下Vue-cli,新项目还是老老实实前后端分离 ...
element筛选 ajax,vue使用element Transfer 穿梭框实现ajax请求数据和自定义查询
##vue使用element Transfer 穿梭框实现ajax请求数据和自定义查询基于element Transfer 直接上代码 XXXXX 编辑XXX 编辑XXXX style=" ...
vue使用element 上传图片，修改图片
vue使用element 上传图片,修改图片文章目录 vue使用element 上传图片,修改图片前言一.应用场景 1.上传图片并进行放大预览 2.图片上传代码二.修改已经上传的图片,并展示到 ...

vue 重写element input限制字数

vue 重写element input限制字数相关推荐

最新文章

热门文章