vue/自定义指令

需求： 页面有个input元素，现在要鼠标光标聚焦在上面，让每个页面上的标签都可以聚焦光标，比如，从A页面跳转到B页面的时候，我们依然要聚焦。如果要一遍遍地操作dom就会很麻烦。
这个时候，为了方便开发，我们可以使用vue提供的自定义指令。

 自定义指令有两种，分为全局注册和局部注册。

1、全局注册

1.1 在main.js 中 注册

// 1、注册指令
// 1.1 全局注册
Vue.directive('focussss',{inserted(el){el.focus()}
})

1.2 使用

   <input v-focussss type="text" ref="inp">

---

 

2、局部注册

2.1 在当前要使用指令的主键内，注册

  export default {components: {},data() {return {};},computed: {},watch: {},methods: {},directives:{focusdsg:{inserted(el) {el.focus()}}}}

2.2 使用

 <input v-focusdsg type="text" ref="inp">