カラーピッカー
需要が増加すると、我々はより多くの知識が十分ではありません自分自身を見つけるでしょう、2日前に興味深い需要を見て、色インターフェースは、多くのプラグインが、ユーザーが長い時間のために独自の検索を選択することができますが、トラブルの範囲ではありません誰もが共有するために、低、最終的には、迂回路を簡単なプラグインを見つけました:
vColorPicker
このプラグインは、上でモデル化されているプラグインの生産Angular
color-picker
機能
- 使いやすい、元のプラグインに基づいて最適化されたUIは、丸い角と遷移アニメーションを追加します
- インストールの形で提供するグローバルコンポーネントNPMを提供します
- サポートHTML5の入力に[TYPE =「色」]ブラウザは、機能「複数色を」実現します。
インストール
$ NPM vcolorpickerをインストール-S
使用
プラグインの導入やファイル `main.js`を登録
輸入vcolorpicker から'vcolorpicker'
Vue.use(vcolorpicker)
プロジェクト内のVcolorpickerの使用
< テンプレート>
< のColorPicker Vモデル= "色" /> </ テンプレート> < スクリプト> エクスポートデフォルト{データ(){ リターン{ 色:'#FF0000の'}}} </ スクリプト>
イベント
change
色の変更時にトリガ値
<ColorPickerのVモデル= "色" V-上:変更= "headleChangeColor"> </カラーピッカー>