复制以前写的iView前台代码使用,结果发现文本域的数字统计不好使了。

遂寻求度娘帮助,然后翻了几页内容,答案都是通过@input方法手动写一个span标签的数字统计

网友答案

vue:

<Input v-model="xxx.requirements"type="textarea"maxlength="1000"show-word-limit@input="descInput":autosize="{minRows: 4, maxRows: 8}"
/>
<span v-show="false">{{remnant}}/{{maxlength}}</span>

js:

export default {data () {return {xxx: {}maxlength: 1000,remnant: 1000,}},methods: {descInput () {let txtVal = this.xxx.requirements.lengththis.remnant = this.maxlength - txtVal},}
}

真正原因

在我把以前的代码都改完以后,加深了我的好奇,明明之前的代码都没问题呀。于是,我又把iView更新到最新View UI4.7.0版本,但是依然不行。我又重新看了下官网示例是没问题的,我就把代码拿到本地执行发现示例确实没问题,经过我的逐行比对,我发现数据对象xxx没有初始化!!! 太懒会出bug的~

export default {data () {return {xxx: {requirements: null}}}
}

搞定!

View UI中textarea字数统计不变问题相关推荐

  1. word文档纯字数统计_如何在您的Word文档中插入字数统计

    word文档纯字数统计 Word tracks certain summary information about documents, such as the number of words in ...

  2. 微信小程序-textarea字数统计与限制

    第一步:参考官方文档<textarea小程序> textarea多行输入框.该组件是原生组件,使用时请注意相关限制. 用到的属性: 属性 说明 maxlength 最大输入长度,设置为 - ...

  3. java 错误输出_Java中的字数统计错误输出

    我是Java新手. 我编写了一个代码来计算文件中特定单词的出现次数.要向用户询问要计算的单词.我写了两个代码.第一个代码运行正常,计数正确.而在第二个代码中,计数较少.我无法弄清楚原因.有人可以帮我找 ...

  4. textArea剩余字数统计插件

    效果如: js代码: /*** textArea字数统计* * Created on : 2015-6-26, 11:49:24* Author : tom lyl010991@126.com*/ v ...

  5. 新浪微博长链接字数统计问题

    最近发现公司系统中调用api发布的微博字数统计和新浪微博中的字数统计不一致,原来是链接的问题. 新浪微博的字数统计是一个长链接不管多长,统一记成10个字(其他:中文字符为一个长度,英文.数字.标点符号 ...

  6. Word字数统计怎么用?2003/2007/2010统计字数全攻略!

    在写作长篇文稿的时候,我们都会用到一个工具就是"字数统计",它可以非常方便而又快速的统计出我们写作的文章有多少字以及多少个标点符号等,这些信息一清二楚.而我们平常使用的Office ...

  7. C# 正则计算中文,数字,英文字数统计方法

    因为功能需求,需要实现对于文章字数统计的一个方法编写.此处就不多说.直接进行代码讲解. 先来看看功能实现的字数统计要求: 字数统计区分中英文,一个英文单词为一个字,一个汉字为一个字,一个数字计为一个字 ...

  8. Vue组件库 View UI 来看看这80种奇奇怪怪的按钮

    80种奇奇怪怪的按钮,先睹为快! 本文详细讲解 View UI 中,Button 组件的样式配置和单击事件响应. 目录 一.按钮样式 1.1 颜色 1.2 大小 1.3 按钮形状 1.4 背景透明 1 ...

  9. Ultraedit配置字数统计工具栏

    在使用Ultraedit时想使用字数统计功能,找了大半天都没有找到.原来Ultraedit默认好像并不显示字数统计按钮,所以这个又得由我们自己配置. 1.选择 高级->配置 [img]http: ...

最新文章

  1. 开源阅读书源_安卓开源无广告追书神器阅读App
  2. MongoDB学习笔记~地图坐标的支持与附近点的查找
  3. 与时俱进 | 博客现已运行在 .NET Core 3.0 及 Azure 上
  4. Qt文档阅读笔记-Simple Anchor Layout Example解析
  5. 浏览器打不开python的页面_robotframework,selenium启动不了打不开浏览器的问题访问不了网页...
  6. shell实现压缩多个文件
  7. Spring 三种bean装配的方式
  8. 面向太阳,不问春暖花开
  9. configure: error: Package requirements (commoncpp 6.2.2) were not met
  10. ios上java代码实现_IOS学习之路五(代码实现UITableView)
  11. Hangfire在ASP.NET CORE中的简单实现方法
  12. 嵌入式开发与单片机开发有什么区别
  13. 【电商】电商后台设计—电商支付
  14. 安装React脚手架
  15. PaddleNLP基于ERNIR3.0文本分类以CAIL2018-SMALL数据集罪名预测任务为例【多标签】
  16. Navicat数据传输
  17. EXCEL密码清除(破解找回密码)——巧用宏代码
  18. 副高 职称计算机 上海,高级职称评定
  19. 个人关于PAT的认识心得和体会
  20. Podman 容器 pod 管理工具

热门文章

  1. 服务器看门狗芯片电路图,看门狗芯片MAX708的工作原理及数 - 电源设计应用 - 电子发烧友网...
  2. 关卡理论(1)第一节:概念
  3. oracle 创建表空间
  4. PYTHON3解决‘gbk‘ codec can‘t encode character ‘\xXX‘ in position XX
  5. 在Wireshark中按进程过滤
  6. MySQL mysql性能调优
  7. 物联网概论(IoT)_Chp6 物联网网络服务/IP/DNS/ONS
  8. 【愚公系列】2022年04月 密码学攻击-RSA之暴力分解N
  9. 怎么撤销定时说说_手机QQ空间怎么取消已设置的定时说说?
  10. 如何制作一个简单的机械臂