javascript 简单的自定义指令Vuejs

Posted 2021-05-04

export default {
  name: 'autofocus',
  bind: (el, ) => {
      setTimeout(() => { if(el.focus) el.focus() }, 0)
      el.focus()
  }
}

import autofocus from '@/directives/autofocus.js'

directives: { autofocus },

<input v-autofocus> 

///// eg2

// tool.vue
<script>

export default {

    update: function (el) {
        console.log(el);
        // dom properties and methods https://www.w3schools.com/jsref/dom_obj_all.asp
    }
}
</script>

// use
<input v-tool > 


<script> 
import tool from 'wheverever'

directives: {tool},