zoukankan      html  css  js  c++  java
  • vue使用textare如何正确统计输入字符个数

    最近vue做微信公众号的开发,使用weui的textarea输入限制字数(官网例子),并且显示。代码如下:再安卓和电脑都没有问题,但是ios输入的时候,显示字数不正确,

    但是输入之后删除其中一个,就可以正确显示,比较坑的。

    <div class="weui-cell__bd">
      <textarea
        v-model="consultation.description"
        id="description"
        class="weui-textarea"
        placeholder="请概要描述您看到的现象,最大允许输入500字"
        rows="12"
        @keyup="textarea('#description');">
        </textarea>
      <div class="weui-textarea-counter">
        <span>0</span>/
        <i>300</i>
    </div>

    针对这个问题我查找textarea可以监听的事件,终于发现一个新事件属性oninput完美解决,具体代码如下:

    <div class="weui-cell__bd">
      <textarea
        v-model="consultation.description"
        id="description"
        class="weui-textarea"
        placeholder="请概要描述您看到的现象,最大允许输入500字"
        rows="12"
        @input="textarea('#description');">
        </textarea>
      <div class="weui-textarea-counter">
        <span>0</span>/
        <i>300</i>
    </div>
  • 相关阅读:
    C语言I博客作业04
    C语言II博客作业03
    C语言II博客作业02
    C语言II博客作业01
    学期总结
    C语言I博客作业08
    C语言I博客作业07
    C语言I博客作业06
    C语言I博客作业05
    C语言I博客作业04
  • 原文地址:https://www.cnblogs.com/dehuachenyunfei/p/11658815.html
Copyright © 2011-2022 走看看