Vue-09-自定义指令

最新推荐文章于 2023-08-14 20:08:27 发布

阿国GG在学习

最新推荐文章于 2023-08-14 20:08:27 发布

阅读量348

点赞数

分类专栏： Vue 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_46147113/article/details/123835452

版权

一、指令的注册

自定义指令的注册分为全局注册和局部注册。

语法：Vue.directive(id,definition)。id是指令的唯一表示，definition定义对象则是指令相关属性及钩子函数

全局指令注册

//    注册一个全局自定义指令v-focus
Vue.directive('focus',{
    //    定义对象
})

局部指令注册

var vm=new Vue({
    el:#app,
    directives:{
        focus；{
            //    定义对象
        }
    }
})

二、指令实例属性

el:指令所绑定的元素，可以直接操作DOM
binding：一个对象，包含以下属性
1、name：指令名，不包括v-前缀： demo
2、value：指令的绑定值：如本例的值为：hello
3、expression：字符串指令形式表达值 message
4、modifiers：一个指令的修饰符对象：{a:true,b:yrue}

<!DOCTYPE html>
<html lang="en">
<head>
    <m

最低0.47元/天解锁文章

阿国GG在学习

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue-09-自定义指令

一、指令的注册自定义指令的注册分为全局注册和局部注册。语法：Vue.directive(id,definition)。id是指令的唯一表示，definition定义对象则是指令相关属性及钩子函数全局指令注册// 注册一个全局自定义指令v-focusVue.directive('focus',{ // 定义对象})局部指令注册var vm=new Vue({ el:#app, directives:{ focus；{
复制链接

扫一扫