1210【vue】directive自定义指令
<h4>directive指令</h4>
<hr />
<p>目的:实现自定义指令,比如v-focus</p>
<pre><code><input v-focus /></code></pre>
<p>全局注册:</p>
<pre><code>Vue.directive('focus',{
inserted:function(el){
el.focus()
}
})</code></pre>
<p>局部注册:</p>
<pre><code>directives:{
focus:{
inserted:function(el){
el.focus();
}
}
}</code></pre>
<p>然后你可以在模板中任何元素上使用新的 v-focus 属性,如下:</p>
<pre><code><input v-focus /></code></pre>