vue-cli 自定义指令:directive的使用

本文详细介绍了Vue中自定义指令的两种注册方式:全局注册与局部注册。通过具体实例展示了如何使用这些指令来增强Vue应用的功能性和交互性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.全局注册:
例如注册v-focus指令,在min.js文件中写 :

// 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function (el) {
    // 聚焦元素
    el.focus()
  }
})

然后就可以在任何页面文件调用了
全局批量注册指令:https://blog.youkuaiyun.com/qq_42618566/article/details/107785500


2.局部注册:
两个步骤:
在这里插入图片描述
看效果:
在这里插入图片描述


官方说明
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

超级码吏

谢谢看官

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值