Vue中自定义事件实现打开网页input自动聚焦
2018-05-08 本文已影响698人
ChasenGao
全局注册一个自定义事件:
<div id="app">
<input v-focus />
</div>
<script type="text/javascript">
Vue.directive('focus',{
inserted:function(el){
el.focus()
}
})
var vm = new Vue({
el:'#app'
})
</script>
局部注册:
<div id="app">
<input v-focus />
</div>
<script type="text/javascript">
var vm = new Vue({
el:'#app',
directives:{
focus:{
inserted(el){
el.focus()
}
}
}
})
</script>