ホーム>source

私は使っているvue-js-modal ライブラリとドキュメントの同じ手順に従いますが、モーダルを開いたときに、ユーザーがモーダルの背後の背景をクリックしたときにモーダルを閉じることができないことを実装する必要があります。

プロパティを使用する文書でclickToClose、しかし、私がモーダルエラーメッセージ内でそれを使用すると、私には表示されます:

<modal name="image-modal" clickToClose="false"></modal>

エラーメッセージ:

Vue warn]: Invalid prop: type check failed for prop "clickToClose". Expected Boolean, got String.

この問題の解決策は何ですか?

あなたの答え
  • 解決した方法 # 1

    clickToClose="false"   clickToClose を設定します  文字列 "false" の小道具 。

    v-bind を使用する必要があります  任意のJavaScript式にバインドするには:

    <modal name="image-modal" :clickToClose="false"></modal>
    
    

    上記のスニペットでは、 false  文字列ではなくJavaScriptコードとして評価されます。

関連記事

  • 前へ java - JPAクエリ:サブクエリをグループ化条件に結合する
  • 次へ elasticsearchスナップショットと復元を自動化する最良の方法は何ですか