4.16前端学习第三十一天
自定义指令
这个有点难度
Vue.directive('focus',{
inserted:function (el) {
//el表示指令所绑定的元素
el.focus();
}
});
这一段是针对focus指令的定义，通过el获取focus指令所绑定的元素，再将焦点指向该元素（.focus();)，在对应位置添加该指令，如：
<input type="text" v-focus>
body
<div id="app">
<input type="text">
<input type="text" v-focus>
</div>
<script type="text/javascript" src="vue.js"></script>
<script type="text/javascript">
/*
自定义指令
*/
Vue.directive('focus',{
inserted:function (el) {
//el表示指令所绑定的元素
el.focus();
}
});
var vm = new Vue({
el:'#app',
data:{
},
});
</script>
今日计划
继续学习
