element 输入框文字＋对应签进行长度 和 的判定

输入文字长度 + 指定标签的长度 （判定长度并提示）

1. <div style="position: relative;" class='changyongyu'>
2.         <el-input type="textarea" :autosize="{ minRows: 8, maxRows: 8 }" style="margin-bottom:10px;"
3.           v-model.trim="ruleForm.content" maxlength="500" @input="inputchangyongyu" @change="inputchangyongyu"
4.           @paste.native.capture.prevent="handleFalse"
5.           ></el-input>
6.         <div style="position: absolute;right: 10px;bottom: -10px;">{{
7.             textlength > 500 ? '500' : textlength }} / 500</div>
8.       </div>
10. // 计算长度字段属性添加 开始
11.   computed: {
12.     textlength() {
13.       // #{store_name}
14.       // #{store_phone}
15.       // #{store_addr}
16.       let num_store_name = 0
17.       let num_store_addr = 0
18.       let num_store_phone = 0
19.       let mintextlength = 0
20.       // 门店名称 ： 25个字段   门店地址 :50个字段, 电话：15个字段  
21.       num_store_name = (this.ruleForm.content.match(/#{store_name}/g) || []).length * 25;
22.       num_store_addr = (this.ruleForm.content.match(/#{store_addr}/g) || []).length * 50;
23.       num_store_phone = (this.ruleForm.content.match(/#{store_phone}/g) || []).length * 15;
24.       mintextlength = this.ruleForm.content.replace(/#{store_name}/g, '').replace(/#{store_addr}/g, '').replace(/#{store_phone}/g, '')
25.       let num = num_store_phone + num_store_addr + num_store_name
26.       return num + mintextlength.length
27.     }
28.   },
30. // 计算属性结束
32.     inputchangyongyu(val) {
33.       if (this.textlength > 500) {
34.         this.$message.warning(`总字数超出了长度！请精简字数`);
35.         this.ruleForm.content = val.slice(0, -1);
36.         return val;
37.       }
38.     },
39. //方法
40.     handleFalse(e) {
41.       let clip = e.clipboardData.getData('Text');
42.       let num =  this.textlength + clip.length
43.       if(num > 500){
44.         this.$message.warning(`粘贴字数超出了长度！请精简字数`);
45.         return true;        
46.       }else{
47.         this.ruleForm.content += String(clip)
48.       }
49.       //终止
50.     },

复制代码