當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

VUE自定指令

發布時間：2024/1/23 编程问答 36 豆豆

生活随笔收集整理的這篇文章主要介紹了 VUE自定指令小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>VUE自定義指令</title><script src="js/vue.js"></script></head><body><div id="app"><p>頁面加載時，input元素自動獲取焦點：</p>姓名：<input type="text" id="num" /><br />地址：<input v-focus /><br /></div><script>//注冊一個全局自定義指令v-focus;Vue.directive('focus',{//當綁定元素插入到DOM中。inserted:function(el){//聚焦元素el.focus()}})//創建根實例;new Vue({el:'#app'})</script></body> </html>

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>VUE自定義指令2</title><script src="js/vue.js"></script></head><body><div id="app"><p>頁面載入時，input元素自動獲取焦點</p>姓名:<input type="text" id="username" /><br />地址:<input v-focus /></div><script>new Vue({el:'#app',directives:{//注冊一個局部的自定義指令v-focusfocus:{//指令的定義inserted:function(el){//聚焦元素el.focus()}}}})</script></body> </html>

總結

以上是生活随笔為你收集整理的VUE自定指令的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。