在 Vue.js 中創(chuàng)建自定義指令,可以使用 Vue.directive()
方法。以下是一個(gè)簡單的示例:
// 注冊(cè)一個(gè)全局自定義指令 `v-focus`
Vue.directive('focus', {
// 當(dāng)被綁定的元素插入到 DOM 中時(shí)調(diào)用
inserted: function (el) {
// 聚焦元素
el.focus();
}
});
使用這個(gè)自定義指令:
<input v-focus>