2019-04-29 |

指令的值数据-简写

p>在很多时候,你可能想在 bind 和 update 时触发相同行为,而不关心其它的钩子

<div id="app">
  <p>页面载入时,input 元素自动获取焦点:</p>
  <input v-focus="true">
</div>
 
<script>
// 创建根实例
new Vue({
  el: '#app',
  directives: {
    // 注册一个局部的自定义指令 v-focus
    focus: function (el,data) {
        // 聚焦元素
        //如果指令的值是true则获取焦点
        if(data.value==true){
           el.focus()
        }
      
    }
  }
})
</script>

0

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论