vue通过watch对input做字数限定的方法

之前写了关于vue通过watch对input做字数限定的方法，最近需要回顾，就顺便发到随笔上了

<div id="app">
   <input type="text" v-model="items.text" ref="count"/>
   <div v-html="number"></div>
 /div>

new Vue({
  el: '#app',
  data: {
    number: '100',
    items: {
    text:'',
  },
},
watch:{  //watch()监听某个值（双向绑定）的变化，从而达到change事件监听的效果
  items:{
    handler:function(){
      var _this = this;
      var _sum = 100; //字体限制为100个
      _this.$refs.count.setAttribute("maxlength",_sum);
      _this.number= _sum- _this.$refs.count.value.length;
    },
     deep:true
    }
  }
})

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# vue  # watch  # input字数限定  # vue watch监听对象及对应值的变化详解  # 关于vue中watch检测到不到对象属性的变化的解决方法  # vue组件watch属性实例讲解  # 详解vue2 $watch要注意的问题  # 详解vue中computed 和 watch的异同  # Vue.js 中的 $watch使用方法  # Vue.Js中的$watch()方法总结  # 深入对Vue.js $watch方法的理解  # Vue数据监听方法watch的使用  # 上了  # 写了  # 绑定  # 大家多多  # id  # app  # lt  # div  # gt  # model  # items  # type  # text  # xhtml  # input  # count  # true  # class 

相关文章： 北京营销型网站制作公司,可以用python做一个营销推广网站吗？  如何通过可视化优化提升建站效果？  如何用PHP快速搭建CMS系统？  建站之星伪静态规则如何设置？  上海网站制作网页,上海本地的生活网站有哪些？最好包括生活的各个方面的？  高防服务器租用首荐平台，企业级优惠套餐快速部署  建站主机与服务器功能差异如何区分？  矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？  小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  建站之星如何配置系统实现高效建站？  制作网站外包平台,自动化接单网站有哪些？  韩国服务器如何优化跨境访问实现高效连接？  建站之星代理如何获取技术支持？  c++怎么用jemalloc c++替换默认内存分配器【性能】  香港服务器网站推广：SEO优化与外贸独立站搭建策略  代刷网站制作软件,别人代刷火车票靠谱吗？  IOS倒计时设置UIButton标题title的抖动问题  建站主机选购指南与交易推荐：核心配置解析  如何快速查询网址的建站时间与历史轨迹？  如何在Golang中使用replace替换模块_指定本地或远程路径  制作企业网站建设方案,怎样建设一个公司网站？  昆明高端网站制作公司,昆明公租房申请网上登录入口？  已有域名建站全流程解析：网站搭建步骤与建站工具选择  详解jQuery中基本的动画方法  制作充值网站的软件,做人力招聘为什么要自己交端口钱？  企业网站制作费用多少,企业网站空间一般需要多大，费用是多少？  如何选择建站程序？包含哪些必备功能与类型？  如何在IIS7中新建站点？详细步骤解析  正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱？口碑好？  制作旅游网站html,怎样注册旅游网站？  建站VPS能否同时实现高效与安全翻墙？  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  专业网站设计制作公司,如何制作一个企业网站，建设网站的基本步骤有哪些？  Avalonia如何实现跨窗口通信 Avalonia窗口间数据传递  网站app免费制作软件,能免费看各大网站视频的手机app？  已有域名如何免费搭建网站？  建站之星如何保障用户数据免受黑客入侵？  建站三合一如何选？哪家性价比更高？  如何做静态网页,sublimetext3.0制作静态网页？  建站之星备案流程有哪些注意事项？  ,南京靠谱的征婚网站？  如何在阿里云高效完成企业建站全流程？  建站之星展会模板：智能建站与自助搭建高效解决方案  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  如何快速搭建自助建站会员专属系统？  如何基于云服务器快速搭建个人网站？  如何在橙子建站上传落地页？操作指南详解  沈阳制作网站公司排名,沈阳装饰协会官方网站？