位置: IT常识 - 正文

Vue常用修饰符(vue修饰词)

编辑:rootadmin
Vue常用修饰符 在vue中有以下几种常用修饰符

推荐整理分享Vue常用修饰符(vue修饰词),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue .prop修饰符,vue的常用修饰符,vuejs修饰符,vue .prop修饰符,vue的修饰符async,vue修饰词,vue修饰词,vuesync修饰符,内容如对您有帮助,希望把文章链接给更多的朋友!

1. 事件修饰符 - 处理 DOM 事件细节

2. 按键修饰符 - 为 v-on 在监听键盘事件时添加按键修饰符

Vue常用修饰符(vue修饰词)

3. 系统修饰键 - 实现仅在按下相应按键时才触发鼠标或键盘事件的监听器。

4. 鼠标按钮修饰符 - 限制处理函数仅响应特定的鼠标按键

5. 表单修饰符 - v-model增强的修饰符

一、事件修饰符1. .stop - 阻止单击事件继续传播, 也就是阻止冒泡2. .prevent - 提交事件不再重新加载页面, 可以用来阻止表单提交的默认行为

注意点: .stop和.prevent可以串联在一起使用,都会生效

3. .capture - 内部元素触发的事件先在此处理,然后才交由内部元素进行处理4. .self - 只当在 event.target 是当前元素自身时触发处理函数,即事件不是从内部元素触发的

注意点: 使用修饰符时,顺序很重要;相应的代码会以同样的顺序产生。因此,用 v-on:click.prevent.self 会阻止所有的点击,而 v-on:click.self.prevent 只会阻止对元素自身的点击。

5. .once - 点击事件将只会触发一次, 不只能对原生DOM时间生效,还可以用在自定义组件上6. .passive - 立即触发默认行为,能够提升移动端性能,和.prevent一起使用时.prevent会被忽略并警告7. .native - 使用时将被当做原生的HTML标签看待,绑定事件可以生效二、按键修饰符1. .keyup - 键盘抬起2. .keydow - 键盘按下3. 按键码 - 在按键修饰符后面添加,用于监听键盘按下哪个键常用按键码: .enter.tab.delete (捕获“删除”和“退格”键).esc.space.up.down.left.right三、系统修饰键 .ctrl.alt.shift.meta可以用如下修饰符来实现仅在按下相应按键时才触发鼠标或键盘事件的监听器。

注意点: 修饰键与常规按键不同,在和 keyup 事件一起用时,事件触发时修饰键必须处于按下状态。

.exact 修饰符 - 使用系统修饰符时使用可以单击系统修饰键触发,不适用系统修饰符时使用四、鼠标按键修饰符 .left - 只有鼠标左键点击触发.right - 只有鼠标右键点击触发.middle - 只有鼠标中键点击触发五、表单修饰符1. .lazy - 在表单输入时不会马上显示在页面,而是等输入完成失去焦点时才会显示在页面2.  .trim - 过滤表单输入时前后的空格3. .number - 限制输入数字或将输入的数据转为数字

注意点: 如果先输入数字,会限制只能输数字, 如果先输字符串则相当于没加.number

本文链接地址:https://www.jiuchutong.com/zhishi/300893.html 转载请保留说明!

上一篇:半监督学习(SEMI-Supervised Learning)(什么是半监督算法)

下一篇:Moment.js的基本使用(js中move)

  • 为什么在钉钉群里找不到修改昵称(为什么在钉钉群里看不到自己的签到)

    为什么在钉钉群里找不到修改昵称(为什么在钉钉群里看不到自己的签到)

  • 微店小程序里怎么搜索别人的微店(微店小程序怎么弄)

    微店小程序里怎么搜索别人的微店(微店小程序怎么弄)

  • cpu寿命(cpu寿命为什么那么长)

    cpu寿命(cpu寿命为什么那么长)

  • 苹果8plus喇叭只有一边响(苹果8plus有个喇叭不响)

    苹果8plus喇叭只有一边响(苹果8plus有个喇叭不响)

  • 电信宽带有没有按月的(电信宽带有没有安装费)

    电信宽带有没有按月的(电信宽带有没有安装费)

  • inte优购是什么(优购是什么软件)

    inte优购是什么(优购是什么软件)

  • 计算机网络物理安全策略是指(计算机网络物理层特性)

    计算机网络物理安全策略是指(计算机网络物理层特性)

  • 注销号码可以在手机上注销吗(注销号码可以在任何营业厅吗)

    注销号码可以在手机上注销吗(注销号码可以在任何营业厅吗)

  • 6sp和7p的有什么区别(6sp跟7p性能差多少)

    6sp和7p的有什么区别(6sp跟7p性能差多少)

  • 钉钉直播怎么看观看时长(钉钉直播怎么看评论区)

    钉钉直播怎么看观看时长(钉钉直播怎么看评论区)

  • a2099和a2100区别(a2197和a2200区别)

    a2099和a2100区别(a2197和a2200区别)

  • 抖音聊天记录多久可以撤回(抖音聊天记录多久就查不到了)

    抖音聊天记录多久可以撤回(抖音聊天记录多久就查不到了)

  • 关闭volte是什么意思(关闭volte功能有什么影响)

    关闭volte是什么意思(关闭volte功能有什么影响)

  • 为什么来电号码带加86(为什么来电号码不在屏幕中间)

    为什么来电号码带加86(为什么来电号码不在屏幕中间)

  • 不小心帮别人微信辅助怎么取消(不小心帮别人微信解封了一次最坏的结果是什么)

    不小心帮别人微信辅助怎么取消(不小心帮别人微信解封了一次最坏的结果是什么)

  • 为什么苹果xr总是没有信号(为什么苹果xr总是退卡怎么回事)

    为什么苹果xr总是没有信号(为什么苹果xr总是退卡怎么回事)

  • 哈罗单车无法定位怎么办(哈罗单车一直定位不准)

    哈罗单车无法定位怎么办(哈罗单车一直定位不准)

  • 电脑上的设置在哪里(电脑上的设置在哪儿)

    电脑上的设置在哪里(电脑上的设置在哪儿)

  • 如何进行选择性粘贴(如何进行选择性阅读,经典常谈作文)

    如何进行选择性粘贴(如何进行选择性阅读,经典常谈作文)

  • CAD将画的图虚拟打印到文件(cad虚实变换)

    CAD将画的图虚拟打印到文件(cad虚实变换)

  • 什么是局部变量和全局变量(什么是局部变量?)

    什么是局部变量和全局变量(什么是局部变量?)

  • excel制作表格有什么方法(excell做表格)

    excel制作表格有什么方法(excell做表格)

  • 金拟花鮨鱼群游过珊瑚,印度洋马约特岛 (© Gabriel Barathieu/Minden Pictures)(金鱼花的养殖方法与注意事项)

    金拟花鮨鱼群游过珊瑚,印度洋马约特岛 (© Gabriel Barathieu/Minden Pictures)(金鱼花的养殖方法与注意事项)

  • 多交了企业所得税,下年度退税,需要更正撒意思
  • 个人所得税查询工资与实际工资不符是为何
  • 消费税的三种计税方法及各自的计算公式
  • 季报需要注意什么
  • 企业稳岗返还申请报告模板
  • 起重机属于固定资产哪个类别
  • 房地产企业会计制度
  • 资源税征税范围有哪些
  • 小规模纳税人购置税控设备
  • 生产成本福利费用汇算清缴嘛
  • 公司网站费用计入什么科目
  • 开票的时候如何把价格分散开
  • 印花税按主营业务成本计算吗
  • 水利基金减免政策2019 未超过10万
  • 房地产开发公司注册资金要求
  • 年报弥补以前年度亏损了还需要填107040表吗
  • 金税盘开票信息修改
  • 法人一证通报建
  • 公司出售车辆
  • u盘装系统?
  • 电脑非法关机后开机进不了系统
  • 银行收到退款怎么回复
  • msscli.exe - msscli是什么进程 有什么用
  • 关于已开发票收到部分款项风险温馨提示
  • 设备经营租赁属于什么行业
  • php指定参数类型
  • lumenrt
  • php静态属性和静态方法
  • 收取职工交来伙食费如何入账
  • 出售银行承兑汇票
  • thinkphp3.0
  • 购买货物对方代付怎么办
  • 汇率一般是以几位数来显示
  • 非正常损失的原材料进项税额可以抵扣吗
  • 工会经费的会计分录2022
  • 26个字母!
  • phpcms安装
  • rhel6安装教程
  • mysql 增加用户
  • 什么是虚开增值发票
  • 蓝字发票红字发票什么意思
  • 税收制度政策
  • 房东减免部分房租
  • 已收款未开票未发货能确认收入吗
  • 固定资产改造替换
  • 未开票确认收入账务处理
  • 补缴的以前年度的税费怎么记账
  • 受疫情影响较大的上市公司
  • 境外企业向境内汇款
  • 费用分摊科目
  • 企业取得生产或制造某项财产物资时
  • 自然人可以申请一般纳税人吗
  • 银行承兑汇票提示付款期限
  • 小规模免征增值税的有哪些
  • 出售未计提完折旧的固定资产需要折扣吗
  • 支付给职工以及为职工支付的现金增加
  • 公司不报税会怎样法人有责任么
  • 公司的应付票据
  • sql分几类
  • 增强型图形文件
  • windows系统钥匙盘制作及启动密码的设置
  • win10安装 升级
  • centos 发行版
  • win8删除文件很慢
  • pqinit.exe - pqinit是什么进程 有什么用
  • windows7 usb
  • 淘宝店铺首页导航栏css
  • javascript中new Array()和var arr=[]用法区别
  • 压缩的linux命令
  • node.js介绍
  • angular获取数据给后端
  • 使用image控件显示图片
  • js教程
  • javascript数据结构与算法
  • 使用灭火器人要站在上风口还是下风口
  • 真机调试什么意思
  • 商场销售高档化妆品需要缴纳消费税吗
  • 浙江国税咨询电话12306
  • 贵州电子税务总局
  • 怎么下载国家税务局网上办税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设