Vue sweet-modal-vue汎用型のモードボックス

シーン

コンポーネントの紹介&&メリット

取付

用法

備考

用例

シーン

モードボックスは他のヒント形式でよく見られ、マルチラベルのモードボックスもよく使われています.カスタマイズが煩雑になるたびに、

の汎用コンポーネントが必要になります.
コンポーネントの紹介&利点
コンポーネント名adeptoas/sweet-modal-vueコンポーネントアドレスhttps://github.com/adeptoas/sweet-modal-vueこのリース価格は、カスタムmodalコンポーネントと比較して利点があります.
適応性が強い
単純なヒントiconsライブラリマルチラベルページ
モードボックスのネスト操作が簡単で自由な深さカスタマイズを実現
インストール

npm install –save-dev sweet-modal-vue

Vue.use(SweetModal)

使用法

githubには詳細なチュートリアル

があります.
コメント

laravel5.5導入の方式はチュートリアルの上とは異なり、import SweetModal from 'sweet-modal-vue/src/plugin.js'は「src」を加える必要がある.そうすればpluginを見つけることができる.js

チュートリアルのはコンポーネントではなく、自分が実現する必要がある部分

です.
使用例

                //   
                this.msg_error = '    ，     ';
                this.icon_type = 'error';
                this.$refs.modal_prompt.open();