今回はVue.jsのカスタムディレクティブについてご紹介します。Vue.jsのカスタムディレクティブを使用する際の注意点について、実際の事例を見てみましょう。
カスタム 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 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
Vue.js イベント バインディング - 組み込みイベント バインディング、カスタム イベント バインディング
Vue.js リスト レンダリング v-配列オブジェクトのサブコンポーネント用
以上がVue.js カスタム ディレクティブ ディレクティブの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。