/div>new Vue({ el: '#app', data: { number: '100'" />
当前位置:首页 > 日记 > 正文

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

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组件间通信解析

vue组件间通信解析

组件,电脑软件,vue,组件间通信(父子,兄弟)相关链接\组件通信:点击查看学习链接:Vue.js——60分钟快速入门点击查看分分钟玩转Vue.js组件点击查看父组件传子组件父传子方法(一) 属性传递 props//子组件<template> <ul> <li v-for="item in dataL…

excel求和公式的使用方法excel求和

excel求和公式的使用方法excel求和

公式,使用方法,电脑软件,excel,strong,  Excel中的求和公式具体该如何为数据进行求和呢?接下来是小编为大家带来的excel求和公式的使用方法,供大家参考。下面是由小编分享的excel求和公式的使用方法,以供大家阅读和学习。希望对你有帮助!exc…

Javascript中八种遍历方法的执行速

Javascript中八种遍历方法的执行速

遍历,执行,方法,八种,深度,前言遍历数组或对象是一名程序员的基本素养之一. 然而遍历却不是一件简单的事, 优秀的程序员知道怎么去选择合适的遍历方法, 优化遍历效率. 本篇将带你走进JavaScript遍历的世界, 享受分析JS循环的快感. 本篇所有…

javascript过滤数组重复元素的实现

javascript过滤数组重复元素的实现

重复元素,过滤,数组,方法,电脑软件,javascript过滤数组重复元素的实现方法 以下是在网上找的资料,直接在项目中可以使用,大家可以参考下:实现代码:function filterArray(receiveArray){var arrResult = new Array(); //定义一个返回结果…

JavaScript条件判断_动力节点Java

JavaScript条件判断_动力节点Java

条件判断,学院,节点,动力,电脑软件,JavaScript使用if () { ... } else { ... }来进行条件判断。例如,根据年龄显示不同内容,可以用if语句实现如下:var age = 20;if (age >= 18) { // 如果age >= 18为true,则执行if语句块 alert('adult');} e…

基于Bootstrap分页的实例讲解 | 必

基于Bootstrap分页的实例讲解 | 必

分页,必看,实例,电脑软件,Bootstrap,前面的话分页导航几乎在每个网站都可见,好的分页能给用户带来好的用户体验。本文将详细介绍Bootstrap分页概述在Bootstrap框架中提供了两种分页导航:? 带页码的分页导航? 带翻页的分页导航页码分页带页码…

Word中2003版进行设置页眉边距界的

Word中2003版进行设置页眉边距界的

边距,设置,页眉,操作方法,操作步骤,  word作为常用的办公软件,我们常常用它来处理一些资料,需要对打印出来的文档进行一个装订,为了避免装订好后页眉文字被覆盖,今天,小编就教大家在Word中2003版进行设置页眉边距界的操作方法。Word中2003版进…

怎么用word2010制作函数图像用word

怎么用word2010制作函数图像用word

图像,函数,方法,步骤,电脑软件,  WORD编辑中常常遇到画函数图形的问题,那么怎么在word中制作函数图像呢?下面小编来告诉你怎么用word2010制作函数图像吧。希望对你有帮助!word2010制作函数图像的步骤在WORD2010文档中,将光标定位在制作图形…

详解基于node的前端项目编译时内存

详解基于node的前端项目编译时内存

编译,内存溢出,项目,详解,电脑软件,前段时间公司有个基于vue的项目在运行npm run build的时候会报内存溢出,今天在某个技术流交群也有位小伙伴基于angular的项目也出现了这个问题,所以查了一些相关的资料总结了一下,下面会详细说明前端三大框…

基于vue.js实现侧边菜单栏

基于vue.js实现侧边菜单栏

菜单栏,侧边,电脑软件,vue,js,侧边菜单栏应该是很多项目里必不可少的 自己手写了一个 下面是效果图 下面就说一下实现的过程 还是比较简单的 首先导入一下需要的文件<link rel="stylesheet" type="text/css" href="bootstrap/css/boo…

ps如何将边缘模糊

ps如何将边缘模糊

边缘,模糊,方法,如何将,图片,  当图片的边缘不合适,我们可以用ps将边缘模糊。其实这个也不算太难,下面就让小编告诉你ps如何将图片边缘模糊的方法,一起学习吧。ps将图片边缘模糊的方法在photoshop cs2里,让人物的边缘部分变得稍微模糊一点的…

Node.js读取文件内容示例

Node.js读取文件内容示例

读取文件,示例,内容,电脑软件,Node,Node.js读取文件内容包括同步和异步两种方式。1、同步读取,调用的是readFileSyncvar rf=require("fs"); var data=rf.readFileSync("test","utf-8"); console.log(data); console.log("READ FILE S…