文章博客

技术团队文档示例


1210【vue】directive自定义指令

<h4>directive指令</h4> <hr /> <p>目的:实现自定义指令,比如v-focus</p> <pre><code>&lt;input v-focus /&gt;</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>&lt;input v-focus /&gt;</code></pre>

页面列表

ITEM_HTML