這次帶給大家Vue.js的自訂指令 directive,使用Vue.js的自訂指令directive的注意事項有哪些,以下就是實戰案例,一起來看一下。
以自訂v-css指令為例:
局部指令
全域指令
在main.js檔案中自訂全域的指令
Vue.directive('css', { inserted (el, binding) { let styleObj = binding.value let arr = [] for (let key in styleObj) { arr.push(key + ':' + styleObj[key]) } arr = arr.join(';') el.style.cssText = arr } })
使用自訂指令
我是p标签
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
以上是Vue.js的自訂指令 directive的詳細內容。更多資訊請關注PHP中文網其他相關文章!