Missing documentation for $bvModal.msgBox

To my understanding, I can use $bvModal.msgBox to open a modal with any vue component on demand (eg with webpack code splitting) rather than mounting dozens of modals that aren’t even used most of the time.

I tried passing a component, but it doesn’t get rendered.

If this is the intended use, how would I pass data on modal creation, prevent closing if the input was invalid and get back the result after closing the modal if I passed a component containing a input field (as alternative to calling window.prompt())?

<script>
import HelloWorld from "./components/HelloWorld";

export default {
  data() {
    return {
      boxOne: ""
    };
  },
  methods: {
    showMsgBoxOne() {
      this.boxOne = "";
      this.$bvModal
        .msgBox(
          HelloWorld /* display this component as body */,
          {},
          event => event /* Somehow get component data */
        )
        .then(value => {
          this.boxOne = value;
        })
        .catch(err => {
          // An error occurred
        });
    }
  }
};
</script>

[tmorehouse]

We are looking into adding more msgBox methods in the (somewhat) near future

[TuringJest]

As well, we are planning on adding “parameterized” modals where you can trigger a modal to open via this.$bvModad.show(modalID, { data }) which returns a promise which is resolved when the modal closes. the promise will return the results of the data object.

@tmorehouse That would be a really useful feature. Is there any process on this? I’m looking for a way to restrict button actions to logged in users. If not logged in, open a login modal, check the response, and return it, so that the button action can be finally called.

Is there anyway I can achieve this with the msgBoxConfirm by manually triggering the returned promise for ok/cancel (and hiding the default buttons)?