美文网首页
vue自定义指令

vue自定义指令

作者: fuheideMayuyu | 来源:发表于2018-10-28 16:40 被阅读0次
    // 注册一个全局自定义指令 `v-focus`
    Vue.directive('focus', {
      // 当被绑定的元素插入到 DOM 中时……
      inserted: function (el) {
        // 聚焦元素
        el.focus()
      }
    })
    
    directives: {
      focus: {
        // 指令的定义
        inserted: function (el) {
          el.focus()
        }
      }
    }
    

    在模板中使用:

    <input v-focus>
    

    相关文章

      网友评论

          本文标题:vue自定义指令

          本文链接:https://www.haomeiwen.com/subject/wstmtqtx.html