首页 > 其他分享 >Vue中v-model指令的修饰符

Vue中v-model指令的修饰符

时间:2023-02-07 16:35:03浏览次数:43  
标签:Vue 示例 修饰符 指令 model 输入

v-model指令的修饰符有三个,分别是:

1.number

作用:自动将用户的输入值转为数值类型。

示例:<input type="text" v-model.number="age">

2.trim

作用:自动忽略输入内容的首尾空白字符

示例:<input type="text" v-model.trim="userName">

3.lazy

作用:双向绑定时,当光标离开时才更新对应的变量

示例:<input type="text" v=model.lazy="password">

标签:Vue,示例,修饰符,指令,model,输入
From: https://www.cnblogs.com/supeng-java/p/17098920.html

相关文章

  • vue项目 前端js实现根据文件url批量压缩下载成zip包
    1.npminstalljszip--save/yarnaddjszip-S2.npminstallfile-saver--save/yarnaddfile-saver-S3.yarnaddaxios以下为完整代码 <template>......
  • vscode vue代码模板
    {"Printtoconsole":{"prefix":"vue","body":["<!--$1-->","<template>","<divclass='$2'>$5</d......
  • 《Vue.js 设计与实现》读书笔记 - 第12章、组件的实现原理
    第12章、组件的实现原理12.1渲染组件在渲染器内部的实现看,一个组件是一个特殊类型的虚拟DOM节点。之前在patch我们判断了VNode的type值来处理,现在来处理类型为......
  • 学习- vue 中 API $attr 用法
    2.4.0新增定义:包含了父作用域不作为prop被识别(且获取)的attribute绑定(class和style除外)。当一个组件没有声明任何prop时,这里会包含所有父作用域的绑定(除class和......
  • vue中如何将 json 格式化展示在页面中?
    在vue中,如果想在页面中展示格式化后的json数据,首先需要先将json字符串转化为json对象,而后通过pre标签插值即可展示。代码示例如下:<scriptsetuplang="ts">......
  • Vue中操作数组的七个函数
    1.push()//向数组的末尾添加一个或者多个元素,并返回新的长度2.pop()//删除并返回数组的最后一个元素3.shift()//删除并返回数组的第一个元素4......
  • vue ant design 给表格的每一列都添加点击事件
    给a-table添加:customRow="rowClick"<a-tableborderedref="table"size="middle":columns="columns":dataSource="dataSource":loading="loading"@change="handleTa......
  • vue项目使用sha256加密
    sha256:1.中文名、英文名,全都叫sha2562.因为哈希值是固定大小的 256位所以名字有个2563.听说最近流行的比特币,区块链中挺多地方都用到了这个加密算法安装:npminsta......
  • vue中 watch 监听器的使用
    watchwatch:一个对象,键是需要观察的表达式,值是对应回调函数,也可以是是方法吗或者包含选项的对象。vue实例将会载实例化是调用$watch(),遍历watch对象的每一个property。......
  • vue3 中好用的插件
    1.Api自动导入unplugin-auto-import自动引入compositionapi,不需要再手动引入。(npm地址)下载npmi-Dunplugin-auto-import配置vite.config.tsimportAutoIm......