vue中自定義指令的使用

2022-06-23 21:09:08 字數 486 閱讀 3612

vue中除了內建的指令(v-show,v-model)還允許我們自定義指令

想要建立自定義指令,就要註冊指令(以輸入框獲取焦點為例)

一、註冊全域性指令:

// 註冊一個全域性自定義指令 `v-focus`

vue.directive('focus',

})

二、註冊區域性指令:

directives: 

}}

使用也很簡單:直接在元素上面使用v-focus即可:

type="text" v-focus/>

下面再舉一個自定義指令的小例子:拖拽

拖拽1

拖拽2

使用也很簡單,只用在元素上新增v-drag或者v-drag.limit

"div1" v-drag.limit>div>

"div2" v-drag>div>

vue 自定義指令的使用

在vue開發專案中,指令的使用場景也是比較多的,那麼該如何定義使用呢? 找到 src directive 下新建 gender 目錄,下面新...

vue自定義指令的建立和使用

一 自定義指令的建立和使用 vue自帶的指令很多,v for v if v else v else if v model v bind v...

vue使用自定義指令監聽元素寬 高變化

這裡監聽元素寬度變化時為了,實時改變echarts的寬度,順帶把高度也監聽一下 可以在全域性註冊自定義指令,也可以在元件內註冊 這裡在元件內註冊 directives 關鍵 這傳入的是函式 所以執行此函式 width style width height style height el vueseti...